Uvozovky v CSS
Vlastnost quotes umožňuje nadefinovat uvozovky, které se okolo značky objeví.
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
ukončit.uvozovkách v
správněuvozovkách a v
všechnouvozovkách
… a teď to
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á…
Co si myslíte o tomto článku?
Diskuse
Související články
CSS item-pack: balance – vyvážené rozložení flex položek
Vlastnost item-pack: balance rozděluje flex položky rovnoměrně mezi řádky, podobně jako text-wrap: balance vyvažuje řádky textu.
CSS Container Queries – responsivní komponenty
Jak pomocí @container, container-type a container-name vytvářet komponenty, které se přizpůsobí velikosti svého rodiče místo viewportu.
CSS Anchor Positioning – posicování elementů relativně k jiným
Jak pomocí anchor-name, position-anchor a funkce anchor() posicovat elementy relativně k jiným bez JavaScriptu.
Centrování na webových stránkách
Moderní způsoby vertikálního i horizontálního centrování v CSS. Flexbox, Grid, margin auto a další techniky.