Propriedade Style textDecorationLine

Definição e uso

textDecorationLine Definir ou retornar o tipo de linha decorativa obtida (se houver).

Notas:Você também pode usar a propriedade textDecoration para definir textDecorationLine, essa propriedade é uma abreviação das seguintes propriedades:

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

Veja também:

Manual de referência CSS:A propriedade text-decoration-line

Exemplo

Exibir um parágrafo com uma linha no topo:

document.getElementById("myP").style.textDecorationLine = "overline";

Experimente você mesmo

Sintaxe

Retornar a propriedade textDecorationLine:

objeto.style.textDecorationLine

Definir a propriedade textDecorationLine:

objeto.style.textDecorationLine = "none|underline|overline|line-through|initial|inherit"

Valor da propriedade

Valor Descrição
none Valor padrão. Define que a decoração do texto não terá linha.
underline Define que uma linha será exibida abaixo do texto.
overline Define que uma linha será exibida no texto.
line-through Define que uma linha será exibida passando pelo 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: nenhum
Retorno: cadeia de caracteres, que representa a A propriedade text-decoration-line.
Versão do CSS: CSS3

Suporte do navegador

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 79.0 36.0 7.0 Webkit 44.0