direction - Český CSS 3 manuál

HTML a CSS Manuál Text a písmo direction - Český CSS 3 manuál

Pomocí CSS 3 vlastnosti direction nastavujeme směr textu v HTML elementu. Vlastnost se dědí a používá se zejména pro text v jazycích, ve kterých se píše zprava doleva. Neplést s vlastností text-align, která nastavuje zarovnání textu.

Hodnoty

  • ltr (výchozí) - Směr textu zleva doprava.
  • rtl - Směr textu zprava doleva.
  • inherit - Směr textu se zdědí od rodičovského elementu.

Ukázka

<!DOCTYPE html>
<html>
        <head>
                <style>
                p
                {
                        direction: rtl;
                }
                </style>
        </head>
        <body>
                <h1>Ukázka stylování textu</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        </body>
</html>

Výsledek:

Ukázka ostylování směru textu přes CSS

 

  Aktivity (1)

Manuál pro vás napsal David Čápka
Avatar
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn College Autor se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.

Miniatura
Všechny články v sekci
Text a písmo - CSS vlastnosti

 

 

Komentáře

Avatar
VelkyBubak
Člen
Avatar
VelkyBubak:

To je ale hodně blbá vlastnost. Jediné co vlastně dělá je, že přesune poslední tečku z konce věty jinam - napadá někoho reálné využití této vlastnosti?

 
Odpovědět  -1 20.11.2013 17:22
Avatar
Zdeněk Pavlátka
Tým ITnetwork
Avatar
Odpovídá na VelkyBubak
Zdeněk Pavlátka:

Ve článku je: používá se zejména pro text v jazycích, ve kterých se píše zprava doleva

Odpovědět 20.11.2013 17:26
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
VelkyBubak
Člen
Avatar
Odpovídá na Zdeněk Pavlátka
VelkyBubak:

Ok, to chápu (a kupodivu opravdu nejsem slepý). Jen prostě nějak nechápu tu ukázku - pokud se zachovaly všechny ostatní čárky a tečky tak, že zůstaly na svém místě, proč se tečka co byla za 'consequat' dostala za 'nisi'. Přitom mě tak napadá, že by se zřejmě přesunula jinam jen zvětšením/zmenšením okna prohlížeče - takže lidi kteří to musí používat minimálně lituji.

 
Odpovědět 9.11.2014 21:24
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na VelkyBubak
Tonda Kozák:

Jedno z možných praktických využití v našich podmínkách:
http://jecas.cz/…nicovy-vypis#…

 
Odpovědět 10.11.2014 18:05
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.