TEXT-DECORATION – css vlastnost efekty písma
CSS vlastnost určená výhradně pro texty za účelem aplikace různých efektů písma, jako je podtržení, přeškrtnutí, nadtržení a blikání. Užívá se často pro vzhledové odlišení odkazů nebo pro přeškrtnutí původní ceny v e-shopech.
Funguje prakticky ve všech dnes používaných prohlížečích | není dědičná.
Způsob zápisu
Ukázka zápisu podrtžení odkazu <a>
a {
text-decoration: underline;
}
Vyhrazená slova používaná u selektrou text-decoration:
Text-decoration:
- none – žádný efekt nebude použit. Používá se třeba u položky menu, která vzhledově vypadá jako tlačítko a běžné podrtžení odkazu by vypadalo nevábně
- underline – dojde k podtržení stejnou barvou, jaká je definována pro text vlastností color. Používá se např. na slova, která nejsou označena HTML značkou <a>, ale přesto reagují jako odkazy např. pomocí JavaScriptu. V případě, že byste potřebovali použít jinou barvu podtržení (případně jiný druh čáry, např. čárkovanou), bude potřeba použít pozadí pod text vlastností border, případně background.
- line-through – přeškrtne text stejnou barvou, jaká je barva textu. V případě požadavku na přeškrtnutí jinou barvou (nebo jiný druh čáry), by bylo nutné použít CSS vlastnost background.
- blink – zajistí blikání textu. Nedoporučuji používat v moderních designech, tento efekt působí rušivě. V případě HTML5 již ani nefunguje.
Kam dál
Naše služby Kurz základy HTML a CSS Kurz tvorby webových stránek pomocí systému Joomla Seznam CSS vlastností Obecná pravidla CSS