Propriedade text-decoration-line do CSS

Definição e uso

A propriedade text-decoration-line define qual tipo de decoração de texto deve ser usada (sublinhado, sobrelinhado, tracejado).

Dica:Acesse também a propriedade text-decoration, que é uma abreviação de text-decoration-line, text-decoration-style e text-decoration-color.

Notas:Você também pode combinar vários valores, como underline e overline, para exibir linhas tanto acima quanto abaixo do texto.

Veja também:

Tutorial CSS:Texto CSS

Manual de referência HTML DOM:textDecorationLine Atributo

Exemplo

Defina diferentes tipos de linhas text-decoration:

div.a {
  text-decoration-line: overline;
}
div.b {
  text-decoration-line: underline;
}
div.c {
  text-decoration-line: line-through;
}
div.d {
  text-decoration-line: overline underline;
}

Experimente você mesmo

Sintaxe CSS

text-decoration-line: none|underline|overline|line-through|initial|inherit;

Valor do atributo

Valor Descrição
none Valor padrão. Define que text-decoration não tem linhas.
underline Define a exibição de uma linha abaixo do texto.
overline Define a exibição de uma linha acima do texto.
line-through Define a exibição de uma linha transversal ao longo do texto.
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: none
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.textDecorationLine="overline"

Suporte do navegador

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

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