Proprietà text-decoration-line

La proprietà text-decoration-line imposta il posizionamento della linea nel testo. La proprietà dovrebbe essere utilizzata insieme alle proprietà text-decoration-style e text-decoration-color. Queste proprietà estendono l'azione della proprietà text-decoration, essendo analoghi più avanzati.

Sintassi

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

Valori

Valore	Descrizione
`underline`	Rende il testo sottolineato.
`line-through`	Rende il testo barrato.
`overline`	Crea una linea sopra il testo.
`none`	Rimuove la sottolineatura da un elemento sottolineato. Viene utilizzato più spesso per i link, poiché sono sottolineati per impostazione predefinita.

Valore predefinito: none. Per i link il valore predefinito è: underline.

Esempio

Barriamo il testo con una linea rossa:

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

Результат: