Moderní tvorba webových aplikací

O webu

Uvozovky v CSS

Vlastnost quotes umožňuje nadefinovat uvozovky, které se okolo značky objeví.

2 minuty

V případě, že nějakému elementu chceme přidat na začátek/konec uvozovky přes content, vlastnost quote určuje styl těchto uvozovek. Zároveň elegantně řeší zanořování. Je možné nadefinovat počáteční a koncovou podobu uvozovek v prakticky libovolném zanoření. Vlastnost quotes funguje od IE 8.

Text v uvozovkách v uvozovkách v uvozovkách a v uvozovkách… a teď to všechno správně ukončit.

Styl uvozovek v zanoření jde nastavit právě ve vlastnosti quotes. Pro české uvozovky (jak je napsat?) nebo obecně pro česky psaný web by předpis mohl vypadat následovně:

q {quotes: "„" "“" "‚" "‘"  "»" "«" "›" "‹"}

Vyvolat uvozovku do contentu je potom možné přes open-quote/close-quote.

Jednotlivé uvozovky se oddělují mezerou ve stylu počáteční uvozovka 1. úrovně, koncová uvozovka 1. úrovně, počáteční 2. úrovně atd. Při vyplácání všech stylů se začne poslední úroveň opakovat.

Zanořování mi ale přijde spíš jako technická finesa, než něco zvlášť užitečného/potřebného. Reálné použití mě moc nenapadá…

Související články

Převod písmen na VELKÁ a malá

Převedení textu na velká nebo malá písmena.

12 minut

Možnosti stylování <iframe>

Co lze a nelze u <iframe> ovlivnit pomocí CSS a jak na změnu textu nebo barev.

10 minut

Zvýraznění aktivní sekce při rolování

Moderní způsoby zvýraznění aktivní položky navigace podle aktuální sekce – CSS i IntersectionObserver.

5 minut

CSS funkce random()

Jak v CSS generovat náhodné hodnoty pomocí random() a kdy ji použít.

6 minut

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025