Atributo CSS text-decoration-style

Definición y uso

El atributo text-decoration-style establece el tipo de decoración de texto (línea sólida, onda, línea punteada, línea punteada, línea doble).

Consejo:Vea también: Atributo text-decorationEs un atajo para estos tres atributos:

  • text-decoration-line
  • text-decoration-style
  • text-decoration-color

Vea también:

Tutoriales de CSS:Texto CSS

Manual de referencia de HTML DOM:textDecorationStyle Atributo

Ejemplo

Establezca diferentes tipos de estilos de text-decoration:

div.a {
  text-decoration-line: underline;
  text-decoration-style: solid;
}
div.b {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}
div.c {
  text-decoration-line: underline;
  text-decoration-style: double;
}
div.d {
  text-decoration-line: overline underline;
  text-decoration-style: wavy;
}

Pruebe usted mismo

Sintaxis de CSS

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

Valor del atributo

Valor Descripción
solid Valor predeterminado. La línea se muestra como línea simple.
double La línea se muestra como línea doble.
dotted La línea se muestra como línea punteada.
dashed La línea se muestra como línea punteada.
wavy La línea se muestra como onda.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: solid
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.textDecorationStyle="wavy"

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 -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 44.0