Propiedad text-decoration-line

La propiedad text-decoration-line establece la posición de la línea en el texto. Esta propiedad debe usarse junto con las propiedades text-decoration-style y text-decoration-color. Estas propiedades extienden la funcionalidad de la propiedad text-decoration, siendo análogos más avanzados.

Sintaxis

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

Valores

Valor	Descripción
`underline`	Crea texto subrayado.
`line-through`	Crea texto tachado.
`overline`	Crea una línea sobre el texto.
`none`	Elimina el subrayado de un elemento subrayado. Se usa más comúnmente para enlaces, ya que están subrayados por defecto.

Valor por defecto: none. Para los enlaces el valor por defecto es: underline.

Ejemplo

Tachemos el texto con una línea roja:

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

Результат: