Atributo Style textDecorationLine

Definición y uso

textDecorationLine para establecer o retornar el tipo de línea de decoración que se obtendrá (si hay).

Notas:También puede configurar la propiedad textDecorationLinees una abreviatura de los siguientes atributos:

Notas:También puede combinar varios valores, por ejemplo underline y overlinepara mostrar líneas tanto debajo como encima del texto.

Vea también:

Manual de referencia de CSS:La propiedad text-decoration-line

Ejemplo

Mostrar un párrafo con una línea en la parte superior:

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

Pruebe usted mismo

Sintaxis

Retornar la propiedad textDecorationLine:

objeto.style.textDecorationLine

Configurar la propiedad textDecorationLine:

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

Valor del atributo

Valor Descripción
none Valor predeterminado. Se especifica que no hay decoración de texto.
underline Se especifica que se mostrará una línea debajo del texto.
overline Se especifica que se mostrará una línea sobre el texto.
line-through Se especifica que se mostrará una línea a través del texto.
initial Establezca este atributo en su valor predeterminado. Vea initial.
inherit Hereda este atributo de su elemento padre. Vea inherit.

Detalles técnicos

Valor predeterminado: Ninguno
Valor de retorno: Cadena que representa la La propiedad text-decoration-line.
Versión de CSS: CSS3

Compatibilidad del navegador

La tabla indica la versión del navegador que admite completamente esta propiedad por primera vez.

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