Atributo CSS text-decoration-line

Definición y uso

La propiedad text-decoration-line establece qué tipo de decoración de texto debe utilizarse (subrayado, sobreescrito, tachado).

Consejo:Por favor, consulte también la propiedad text-decoration, que es una propiedad abreviada de text-decoration-line, text-decoration-style y text-decoration-color.

Notas:También puede combinar varios valores, como underline y overline, para mostrar líneas en el texto superior e inferior al mismo tiempo.

Vea también:

Tutorial de CSS:Texto CSS

Manual de referencia de HTML DOM:textDecorationLine Atributo

Ejemplo

Establezca diferentes tipos de líneas de 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;
}

Pruebe usted mismo

Sintaxis de CSS

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

Valor del atributo

Valor Descripción
none Valor predeterminado. Define que text-decoration no tiene líneas.
underline Define una línea que se muestra debajo del texto.
overline Define una línea que se muestra sobre el texto.
line-through Define una línea que cruza el texto.
initial Establezca este atributo en su valor predeterminado. Vea initial.
inherit Hereda este atributo del elemento padre. Vea inherit.

Detalles técnicos

Valor predeterminado: none
Herencia: No
Producción de animación: No se admite. Consulte:Atributos relacionados con la animación.
Versión: CSS3
Sintaxis de JavaScript: object.style.textDecorationLine="overline"

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Los números con -webkit- o -moz- indican la primera versión con prefijo utilizada.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1
7.1 -webkit-		 44.0