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:

Vlastnost text-decoration-color v CSS 3 - Text a písmo - CSS vlastnosti

Č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.

Aktivity

Nejčastěji vyhledáváné

text-decoration-color - Český CSS 3 manuál

Hodnoty

Ukázka