A propriedade CSS text-decoration-style

Definição e uso

A propriedade text-decoration-style define o tipo de decoração do texto (linha sólida, ondas, pontos, traços, traços duplos).

Dica:Veja também: Propriedade text-decoration，é uma propriedade abreviada dessas três propriedades:

  • text-decoration-line
  • text-decoration-style
  • text-decoration-color

Veja também:

Tutorial CSS:Texto CSS

Manual de referência HTML DOM:textDecorationStyle Propriedade

Exemplo

Defina diferentes tipos de estilos de text-decoration:

div.a {
  text-decoration-line: underline;
  text-decoration-style: solid;
}
div.b {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}
div.c {
  text-decoration-line: underline;
  text-decoration-style: double;
}
div.d {
  text-decoration-line: overline underline;
  text-decoration-style: wavy;
}

Experimente você mesmo

Sintaxe CSS

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

Valor da propriedade

Valor Descrição
solid Valor padrão. As linhas são exibidas como linha simples.
double As linhas são exibidas como traços duplos.
dotted As linhas são exibidas como pontos.
dashed As linhas são exibidas como traços.
wavy As linhas são exibidas como ondas.
initial Defina essa propriedade para seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: solid
Herança: Não
Produção de animação: Não suportado. Veja:Propriedades relacionadas a animação.
Versão: CSS3
Sintaxe JavaScript: object.style.textDecorationStyle="wavy"

Suporte do navegador

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

Os números com -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 44.0