CSS vlastnost text-decoration určuje podtržení textu a jiné "přikrášlení".
| hodnoty | přikrášlení textu |
|---|---|
| none | žádné |
| underline | podtržení |
| overline | nadtržení |
| line-trough | přeškrtnutí |
| blink | blikání |
Normálně není text nijak dekorován. Odkazy mají výchozí dekoraci podtržení (a změnou text-decoration se dá udělat, aby podtrhané nebyly). Podtržený je i obsah tagu <ins> (což mi přijde nelogické). Obsah tagů <s>, <strike> a <del> mají výchozí dekoraci přeškrtnutí.
Velmi dobře podporovaná vlastnost, dobrá hlavně na podtrhávání. Blikání nefunguje v Internet Exploreru. Netscape 4 neumí overline.
| Prohlížeč | Podpora ve verzích | Poznámka |
|---|---|---|
| 3, 4, 5, 5.5, 6 | IE neumí blinkat | |
| Mozilla (Netscape 6+) | všechny verze | |
| Opera | 3, 4, 5, 6, 7 | |
| Konqueror | ano | |
| IE 5 / Mac | ano | |
| Netscape Navigator 4 | ano | NN4 neumí nadtržení (overline) |
Jak udělat, aby odkazy nebyly podtržené:
<style>
a:link, a:visited {text-decoration: none}
</style>
Pokud se u odkazů vypíná podtrhávání, často se přidává pravidlo, aby při se při přejetí myší (stav :hover) podtrhly:
<style>
a:link, a:visited {text-decoration: none}
a:hover {text-decoration: underline}
</style>
Tagy <u>, <s>, <strike>, <blink>, <del> a <ins> v html
Třídy a identifikátory v CSS (příklad s podtitulem), Jak zdokonalit odkazy (zrušení podtrhávání)
o tvorbě, údržbě a zlepšování internetových stránek