Propriedade text-decoration-color

A propriedade text-decoration-color define a cor da linha de decoração do texto. A propriedade deve ser usada em conjunto com as propriedades text-decoration-line e text-decoration-style. Essas propriedades estendem a ação da propriedade text-decoration, sendo análogos mais avançados. O valor da propriedade são quaisquer unidades de cor.

Sintaxe

seletor {
	text-decoration-color: cor em qualquer formato CSS;
}

Valor padrão: a mesma cor do texto.

Exemplo

Agora o texto terá um sublinhado na parte inferior na cor vermelha, pois a propriedade text-decoration-color foi definida com o valor red:

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

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