Propriedade text-decoration do CSS

Definição e uso

A propriedade text-decoration define a decoração a ser adicionada ao texto.

Notas:A cor do adorno é definida pela propriedade 'color'.

Explicação

Essa propriedade permite aplicar efeitos ao texto, como sublinhado. Se os elementos descendentes não tiverem seus próprios adornos, a decoração definida no elemento ancestral 'se estenderá' aos elementos descendentes. Não é necessário que o agente de usuário suporte blink.

Veja também:

Tutorial de CSS:Texto CSS

Manual de referência do HTML DOM:Propriedade textDecoration

Exemplo

Defina a decoração de texto para os elementos h1, h2, h3, h4:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

Experimente você mesmo

Sintaxe do CSS

text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;

Valor do atributo

Valor Descrição
text-decoration-line Defina o tipo de decoração de texto a ser usado (por exemplo, sublinhado, sobrelinhado, traçado).
text-decoration-color Defina a cor da decoração do texto.
text-decoration-style Defina o estilo da decoração do texto (por exemplo, sólido, ondulado, pontilhado, tracejado, duplo).
text-decoration-thickness Defina a espessura da linha de decoração.
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: nada
Herança: não
Versão: CSS1
Sintaxe do JavaScript: object.style.textDecoration="overline"

Mais exemplos

Adornar texto
Este exemplo demonstra como adicionar adornos ao texto.

Suporte do navegador

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

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5