La text-decoration-colorpropiedad establece el color del subrayado, el sobrelineado o la línea directa en el texto con la text-decorationpropiedad aplicada. También puede establecer el color de subrayado en los enlaces.
a ( text-decoration-color: #E18728; )Valores
text-decoration-colorpuede inherito aceptar cualquier valor de color CSS, incluidos colores con nombre, colores HEX, RGBa y HSLa.
Taquigrafía
En los navegadores que admiten text-decoration-styley text-decoration-colorpuede agregar un color 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.
Manifestación
El text-decoration-colorde esta demostración funciona en las versiones actuales de Firefox y Safari. También funcionará en Chrome con la marca "características experimentales de la plataforma web" habilitada.
Vea el color de decoración de texto de la pluma de CSS-Tricks (@ css-tricks) en CodePen.
Relacionado
text-decorationtext-decoration-linetext-decoration-styletext-decoration-skip
Más información
text-decoration-coloren el módulo de decoración de texto CSS nivel 3 CRtext-decoration-coloren MDN
Soporte del navegador
| Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
|---|---|---|---|---|---|---|
| 31 † | 7.1 * | 6,0 ‡ | Ninguno | Ninguno | Ninguno | 8 * |
† con las "funciones experimentales de la plataforma web" activadas en chrome: // flags. Chrome 31 necesitaba el prefijo -webkit-. Probamos Chrome 50 y solo funcionó sin prefijo.
‡ 6+ con prefijo -moz, sin prefijo a partir de 36.