text-decoration-colorProprietatea stabilește culoarea de subliniere, overline, sau Tăiat pe text cu text-decorationproprietatea aplicat. De asemenea, poate seta culoarea subliniată pe linkuri.
a ( text-decoration-color: #E18728; )Valori
text-decoration-colorpoate inheritsau poate accepta orice valoare de culoare CSS, inclusiv culori numite, culori HEX, RGBa și HSLa.
Stenografie
În browserele care acceptă text-decoration-styleși text-decoration-colorputeți adăuga o culoare la o text-decorationproprietate de stenogramă:
.underlined ( text-decoration: underline dotted red; )În prezent, numai Firefox acceptă acest neprefixat. Safari îl acceptă cu -webkitprefixul. Chrome are nevoie, de asemenea, de -webkitprefix și de funcțiile experimentale ale platformei web activate în steagurile Chrome.
Demo
Această text-decoration-colordemonstrație funcționează în versiunile actuale ale Firefox și Safari. De asemenea, va funcționa în Chrome cu marcajul „caracteristici experimentale ale platformei web” activat.
Vedeți Pen text-decoration-color de CSS-Tricks (@ css-tricks) pe CodePen.
Legate de
text-decorationtext-decoration-linetext-decoration-styletext-decoration-skip
Mai multe informatii
text-decoration-colorîn modulul de decorare text CSS nivel 3 CRtext-decoration-colorla MDN
Suport pentru browser
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 † | 7.1 * | 6.0 ‡ | Nici unul | Nici unul | Nici unul | 8 * |
† cu „caracteristicile experimentale ale platformei web” activate în steagurile chrome: //. Chrome 31 avea nevoie de -webkit- prefix. Am testat Chrome 50 și a funcționat doar fără prefix.
‡ 6+ cu prefixul -moz, neprefixat de la 36.