☰ menu
Pavel Satrapa

Další vlastnosti textu

Dekorace

Prostřednictvím vlastnosti text-decoration můžete textu přiřadit různé doplňky. K dispozici máte tyto hodnoty:

none k textu se nic nepřidává, výchozí hodnota
underline podtžení
overline nadtržení nebo jak tomu říkat, prostě vodorovná čára nad textem
line-through přeškrtnutí textu vodorovnou čarou
blink blikání. Zapomeňte na něj. Prostě neblikejte. Špatně se čte, strhává na sebe pozornost a klienti ho stejně nemusí podporovat.

text-decoration je docela zajímavá a užitečná vlastnost. Jejím prostřednictvím lze například zvýrazňovat změny.

Podtrhávání odkazů

Pomocí text-decoration lze mimo jiné zrušit podtrhávání odkazů. Takže řada designérů zaryčela blahem a hbitě zrušila podtržení odkazů, protože to jde, protože oni to tak cítí, případně protože tím předvedou, jak válí CSS.

Nedělejte to. Uživatelé jsou na podtržené odkazy zvyklí a pokud jejich podtržení odstraníte, narušíte tak jejich očekávání. Je krajně frustrující, když člověk musí šmejdit kurzorem po stránce, aby si ověřil, jestli ty jinak barevné texty jsou jen zvýrazněny, nebo zda se jedná o odkazy.

Zkrátka odkazy v textu vždy podtrhávejte.

Jiná je situace u odkazů v hlavním menu, či v podobných situacích, kdy z okolního uspořádání je jasně patrné, že toto je odkaz. V takovém případě lze podtržení zrušit a často je to i žádoucí – podtrhávání odkazů v hlavním menu je naopak nezvyklé a zpravidla i vypadá prachbídně. Pravidla typu

#menu a { text-decoration: none; }

jsou proto celkem běžná.

Odsazení prvního řádku

Zdálo by se, že k odsazení prvního řádku poslouží pseudoprvek first-line, nicméně CSS zavádí speciálně pro toto nastavení samostatnou vlastnost text-indent. Určuje, o jakou vzdálenost bude odsazen první řádek dotyčného prvku. lze zadat buď prostřednictvím délkových jednotek, nebo v procentech (jež se vztahují vůči šířce daného prvku). Například:

p { text-indent: 3em; }

Odsazení prvního řádku se používá nejčastěji u odstavců ke zřetelnému vyznačení jejich začátku. Podle typografické tradice byste měli odstavce vyznačit buď vodorovně odsazením jejich prvního řádku, nebo svisle vynecháním svislé mezery mezi nimi. Ve světě WWW se tradičně používá spíše druhý způsob, který je podle mého soudu vhodnější pro pestré a často celkem chaotické WWW stránky. Není vhodné oba způsoby kombinovat – vynechat mezi odstavci svislou mezeru a ještě navíc odsadit první řádek.