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

Znázornění možnosti scrollování

Jak dát uživateli informaci, že je možné někam scrollovat.

10 minut

Plynulé scrollování na obsah

Jak vytvořit plynulé odrolování na určitou část stránky.

6 minut

Různá šířka <input type=number> s min/max

Proč má <input type=number> různou výchozí šířku v závislosti na min/max atributech.

3 minuty

Poskakování stránky kvůli posuvníku

Jak zabránit, aby obsah stránky poskakoval v závislosti na posuvníku.

8 minut

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