A propriedade CSS text-decoration-color

Definição e uso

A propriedade text-decoration-color define a cor do text-decoration (sublinhado, sobrelinhado, tracejado).

Veja também:

Tutorial CSS:Texto CSS

Manual de referência HTML DOM:textDecorationColor Propriedade

Exemplo

Defina a cor do text-decoration como vermelha:

p {
  text-decoration: underline;
  text-decoration-color: red;
}

Experimente você mesmo

Sintaxe CSS

text-decoration-color: color|initial|inherit;

Valor da propriedade

Valor Descrição
color Define a cor do text-decoration.
initial Defina essa propriedade como seu valor padrão. Veja: initial.
inherit Herda essa propriedade do elemento pai. Veja: inherit.

Detalhes técnicos

Valor padrão: currentColor
Herança: Não
Produção de animação: Suporte. Veja:Propriedades relacionadas a animação.
Versão: CSS3
Sintaxe JavaScript: object.style.textDecorationColor="red"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Os números com -webkit- ou -moz- indicam a primeira versão com suporte ao prefixo.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1
7.1 -webkit-		 44.0