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:
Článek pro vás napsal Jan Lupčík
Autor se primárně věnuje vývoji webových stránek a aplikací v PHP (framework Laravel) a je jedním z herních vývojářů komunitní modifikace TruckersMP.