Propriedade text-decoration-line

A propriedade text-decoration-line define a posição da linha no texto. A propriedade deve ser usada em conjunto com as propriedades text-decoration-style e text-decoration-color. Essas propriedades estendem a ação da propriedade text-decoration, sendo análogos mais avançados.

Sintaxe

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

Valores

Valor	Descrição
`underline`	Torna o texto sublinhado.
`line-through`	Torna o texto tachado.
`overline`	Coloca uma linha sobre o texto.
`none`	Remove o sublinhado de um elemento sublinhado. É mais comumente usado para links, pois eles são sublinhados por padrão.

Valor padrão: none. Para links o valor padrão é: underline.

Exemplo

Vamos tachar o texto com uma linha vermelha:

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

Результат: