Propriedade textDecorationLine do estilo
Exemplo
Exiba um elemento com uma linha no texto:
document.getElementById("demo").style.textDecorationLine = "line-through";
Definição e uso
A propriedade textDecorationLine define ou retorna qual tipo de linha, se houver, a decoração terá.
Observação: você também pode definir textDecorationLine usando a propriedade textDecoration, que é uma propriedade abreviada para as propriedades textDecorationLine, textDecorationStyle e textDecorationColor.
Observação: você também pode combinar mais de um valor, como sublinhado e sobrelinhado, para exibir linhas sob e sobre o texto.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
textDecorationLine | 57.0 | 79.0 | 36.0 6.0 Moz |
7.0 Webkit | 44.0 |
Sintaxe
Retorne a propriedade textDecorationLine:
object.style.textDecorationLine
Defina a propriedade textDecorationLine:
object.style.textDecorationLine = "none|underline|overline|line-through|initial|inherit"
Valores de propriedade
Value | Description |
---|---|
none | Default value. Specifies no line for the text-decoration |
underline | Specifies that a line will be displayed under the text |
overline | Specifies that a line will be displayed over the text |
line-through | Specifies that a line will be displayed through the text |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | Nenhum |
---|---|
Valor de retorno: | Uma String, representando a propriedade text-decoration-line de um elemento |
Versão CSS | CSS3 |
Páginas relacionadas
Referência CSS: propriedade text-decoration-line
❮ Objeto de estilo