text-decoration-style

Índice

Definición de .text-decoration-style utilizado en CSS

La propiedad .text-decoration-style establece el estilo del subrayado en los enlaces y el subrayado, la superación o la línea en cualquier texto con decoración de texto aplicada.

Caso de empleo de la propiedad text-decoration-style

Esta propiedad de CSS habitualmente se utiliza de esta forma:

a {
  text-decoration-style: solid;
}

Otro ejemplo más avanzado de .text-decoration-style es el siguiente de CODEPEN:

Sintaxis de .text-decoration-style en CSS

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

Valores

Valor Descripción Juegalo
sólido Valor por defecto. La línea se mostrará como una sola línea
doble La línea se mostrará como una línea doble.
punteado La línea se mostrará como una línea de puntos
punteado La línea se mostrará como una línea discontinua
ondulado La línea se mostrará como una línea ondulada.
inicial Establece esta propiedad en su valor predeterminado.
heredar Hereda esta propiedad de su elemento principal.

Exploradores compatibles con .text-decoration-style

Los números de la tabla detallan la primera versión del navegador que es plenamente compatible con la propiedad.

Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
text-decoration-thickness 89.0 89.0 70.0 12.1 75.0

Referencias técnicas

No dudes en echar un vistazo a estas otras propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso