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

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

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

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