Vlastnost text-decoration-line

Vlastnost text-decoration-line nastavuje umístění linie u textu. Vlastnost by se měla používat společně s vlastnostmi text-decoration-style a text-decoration-color. Tyto vlastnosti rozšiřují působení vlastnosti text-decoration, protože jsou její pokročilejší analogy.

Syntaxe

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

Hodnoty

Hodnota	Popis
`underline`	Vytvoří podtržený text.
`line-through`	Vytvoří přeškrtnutý text.
`overline`	Vytvoří linii nad textem.
`none`	Zruší podtržení podtrženého elementu. Nejčastěji se používá pro odkazy, protože jsou ve výchozím nastavení podtržené.

Výchozí hodnota: none. Pro odkazy je výchozí hodnota: underline.

Příklad

Pojďme přeškrtnout text červenou linií:

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;
}

Результат: