Vlastnosť text-decoration-line

Vlastnosť text-decoration-line nastavuje umiestnenie línie u textu. Túto vlastnosť by ste mali používať spoločne s vlastnosťami text-decoration-style a text-decoration-color. Tieto vlastnosti rozširujú pôsobenie vlastnosti text-decoration, keďže sú jej pokročilejšími analógmi.

Syntax

selektor {
	text-decoration-line: underline | line-through | overline | none;
}

Hodnoty

Hodnota	Popis
`underline`	Vytvorí podčiarknutý text.
`line-through`	Vytvorí prečiarknutý text.
`overline`	Vytvorí líniu nad textom.
`none`	Zruší podčiarknutie podčiarknutého elementu. Najčastejšie sa používa pre odkazy, pretože sú štandardne podčiarknuté.

Predvolená hodnota: none. Pre odkazy je predvolená hodnota: underline.

Príklad

Prečiarknime text červenou čiarou:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-decoration-style: solid;
	text-decoration-color: red;
	text-decoration-line: line-through;
}