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

cssselektor {
  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:

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

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

Результат: