La text-decoration-colorproprietà imposta il colore della sottolineatura, della sovratensione o del line-through sul testo con la text-decorationproprietà applicata. Può anche impostare il colore della sottolineatura sui collegamenti.
a ( text-decoration-color: #E18728; )Valori
text-decoration-colorpuò inherito accettare qualsiasi valore di colore CSS, inclusi colori con nome, colori HEX, RGBa e HSLa.
Abbreviazione
Nei browser che supportano text-decoration-stylee text-decoration-colorpuoi aggiungere un colore a una text-decorationproprietà abbreviata:
.underlined ( text-decoration: underline dotted red; )Attualmente solo Firefox lo supporta senza prefisso. Safari lo supporta con il -webkitprefisso. Chrome richiede anche il -webkitprefisso e le funzionalità della piattaforma web sperimentale abilitate nei flag di Chrome.
Demo
Il text-decoration-colorin questa demo funziona nelle versioni attuali di Firefox e Safari. Funzionerà anche in Chrome con il flag "funzionalità della piattaforma web sperimentale" abilitato.
Vedi Pen text-decoration-color di CSS-Tricks (@ css-tricks) su CodePen.
Relazionato
text-decorationtext-decoration-linetext-decoration-styletext-decoration-skip
Maggiori informazioni
text-decoration-colornel modulo CSS Decorazione testo livello 3 CRtext-decoration-colorpresso MDN
Supporto browser
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 † | 7.1 * | 6.0 ‡ | Nessuna | Nessuna | Nessuna | 8 * |
† con le "funzionalità sperimentali della piattaforma web" attivate in chrome: // flags. Chrome 31 richiedeva il prefisso -webkit-. Abbiamo testato Chrome 50 e ha funzionato solo senza prefisso.
‡ 6+ con prefisso -moz, non prefisso a partire da 36.