text-decoration-color - Český CSS 3 manuál
Pomocí CSS 3 vlastnosti text-decoration-color nastavujeme barvu podtrhnutí. Vlastnost se dědí. Tuto vlastnost podporuje pouze webový prohlížeč Mozilla Firefox!
Hodnoty
- barva - Výchozí barva je barva textu. Barvu můžeme nastavit slovně či využít k tomu hexadecimální notaci nebo funkci rgb(). Více k barvě naleznete u vlastnosti color.
- initial - Nastaví vlastnost na výchozí hodnotu (tedy na barvu textu).
- inherit - Hodnota se zdědí z rodičovského elementu.
Ke změnění umístění čáry (např. podtržení či přeškrtnutí textu) můžeme využít vlastnosti text-decoration-line a ke změnění stylu čáry vlastnost text-decoration-style.
Ukázka
Vytvořme si odstavec krátkého textu s plným, červeným podtržením. K obarvení podtržení využijeme vlastnosti text-decoration-color.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
p
{
text-decoration: underline;
-moz-text-decoration-color: red; /* Mozilla Firefox */
text-decoration-color: red;
}
</style>
<title>text-decoration-color</title>
</head>
<body>
<p>Text s červeným podtržením.</p>
</body>
</html>Výsledek:
Komentáře
Neaktivní uživatel:5.8.2015 20:30
Samozrejme s tebou súhlasím ale neboj dostaneš kopu minusiek, zopár
múdrych preslovov ako sa tu rýpeš do niekoho, kto tvrdo pracuje a píše
tieto manuály a ako veľmi dôležité a kvalitné sú tieto "manuály". 
Uživatel sítě :5.8.2015 21:04
Souhlasím, ale na druhou stranu není špatné vědět, že něco takové
existuje a zřejmě bude v ostatních prohlížečích. Já třeba vůbec toto
neznal/nevěděl a pokud se tento návrh schválí tak bude tato síť
připravená.. 
Zobrazeno 3 zpráv z 3.