CSS quotes

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á…

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

CSS vlastnosti content a attr

Úprava obsahu pomocí content a attr

Pomocí CSS vlastnosti content a funkce attr lze ovlivňovat z CSS výsledný textový obsah webu.

CSS transition

Animace v CSS pomocí transition

CSS vlastností transition lze na stránce docílit přechodových animací bez JavaScriptu.

CSS animace

CSS vlastnost animation

Animování prvků na stránce pomocí čistého CSS s využitím @keyframes.

Column – obsah ve sloupcích

Vícesloupcový text a column

CSS vlastnost column umožňuje rozdělení textu do více sloupců.

CSS flex

Flexboxy

Flexibilní stylování boxů je jednoduší a schopnější alternativa k obtékání (float), ale zatím hudba budoucnosti…

Komentáře