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.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| text-decoration-thickness | 89.0 | 89.0 | 70.0 | 12.1 | 75.0 |
