La text-decoration-stylepropiedad establece el estilo del subrayado en los enlaces y el subrayado, el sobrelineado o la línea directa en cualquier texto que se text-decorationaplique.
a ( text-decoration-style: solid; )Valores
solid: el valor por defecto. La decoración es una sola línea sólida.double: La decoración es un par de líneas continuas.dotted: La decoración es una línea de puntos.dashed: La decoración es una línea discontinua.wavy: La decoración es una línea ondulada.
Manifestación
En el momento de escribir este artículo, text-decoration-stylesolo se admite oficialmente en Firefox. También funcionará en navegadores Chrome con la marca de características de la plataforma web experimental habilitada.
Vea el estilo de decoración de texto de Pen de CSS-Tricks (@ css-tricks) en CodePen.
Taquigrafía
En los navegadores que admiten text-decoration-styley text-decoration-colorpuede agregar un estilo de decoración a una text-decorationpropiedad abreviada:
.underlined ( text-decoration: underline dotted red; )Actualmente, solo Firefox admite este sin prefijo. Safari lo admite con el -webkitprefijo. Chrome también necesita las -webkitfunciones de plataforma web experimental y prefijo habilitadas en las banderas de Chrome.
Relacionado
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Más información
- text-decoration-style en el módulo de decoración de texto CSS del W3C Nivel 3 CR
- estilo de decoración de texto en MDN
Soporte del navegador
| Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
|---|---|---|---|---|---|---|
| 31 * | Ninguno | 6 † | Ninguno | Ninguno | Ninguno | Ninguno |
* solo con la marca de características de la plataforma web experimental habilitada
† Firefox 6+ con -mozprefijo, 36+ sin prefijo.