Writing-mode

CSS vlastnost writing-mode umožňuje vertikální zápis textu.

writing-mode
hodnoty směr textu
lr-tb normální text zleva doprava
tb-rl text shora dolů, otočený o 90%

Hodnota lr-tb je výchozí a nemusí se zadávat.

Hodnota writing-mode: tb-rl znamená top-bottom-right-left, čili shora dolů, zprava doleva. Abyste to přečetli, musíte otočit hlavu k pravému rameni. Tak se třeba píšou tituly na hřbet anglických knih. Pokud je prvek širší, text se zarovná k pravému okraji nahoru. Domnívám se, že to vzniklo kvůli nějakému orientálnímu jazyku.

Otočit text tak, aby byl zdola nahoru a dal se číst otočením hlavy k levému rameni, se musí trochu složitěji. Nic jako bt-lr neexistuje. Musí se nastavit tb-rl a prvku přidat filter: flipv fliph (Příklad, vymyslel Bizi).

Podpora

Pouze Internet Explorer od verze 5.5.

Podpora vlastnosti writing-mode
Prohlížeč Podpora ve verzích Poznámka

Internet Explorer

5.5, 6, 7, 8  
Mozilla (Firefox, Netscape 6+ atd.) ne  
Opera ne  
Chrome ne  

Příklady

CSS vlastnost writing-mode

Simulace CSS vlastnosti writing-mode: bt-lr

Svislý text otočený pomocí writting-mode

 

Reklama

www.webhosting-c4.cz, webhosting s doménou v ceně

 

 

 

o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

CSS kurz Přehled hodnot Vlastnosti CSS příklady

 

Jak psát web píše Yuhů, Dušan Janovský. Kontakt. Poslední aktualizace 01. února 2012.