Proprietà text-decoration-color

La proprietà text-decoration-color imposta il colore della linea del testo. La proprietà dovrebbe essere utilizzata insieme alle proprietà text-decoration-line e text-decoration-style. Queste proprietà estendono l'azione della proprietà text-decoration, essendo analoghi più avanzati. Il valore della proprietà può essere qualsiasi unità di colore.

Sintassi

selettore {
	text-decoration-color: colore in qualsiasi formato CSS;
}

Valore predefinito: lo stesso colore del testo.

Esempio

Ora il testo avrà una sottolineatura rossa, poiché è impostata la proprietà text-decoration-color con il valore red:

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

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