Den text-decoration-coloregenskap setter farge på understreket, overlinje eller linje-through på tekst med den text-decorationegenskapen anvendt. Det kan også angi understrekingsfargen på koblinger.
a ( text-decoration-color: #E18728; )Verdier
text-decoration-colorkan inheriteller godta hvilken som helst CSS-fargeverdi, inkludert navngitte farger, HEX-farger, RGBa og HSLa.
Forkortelse
I nettlesere som støtter, text-decoration-styleog text-decoration-colordu kan legge til en farge i en text-decorationstenografisk eiendom:
.underlined ( text-decoration: underline dotted red; )Foreløpig støtter bare Firefox dette uprefiksede. Safari støtter det med -webkitprefikset. Chrome trenger også -webkitprefikset og eksperimentelle nettplattformfunksjoner aktivert i Chrome-flagg.
Demo
Denne text-decoration-colordemonstrasjonen fungerer i de nåværende versjonene av Firefox og Safari. Det vil også fungere i Chrome med "eksperimentelle Web Platform-funksjoner" -flagget aktivert.
Se pennens tekst-dekorasjonsfarge av CSS-Tricks (@ css-tricks) på CodePen.
I slekt
text-decorationtext-decoration-linetext-decoration-styletext-decoration-skip
Mer informasjon
text-decoration-colori CSS Text Decoration Module Level 3 CRtext-decoration-colorved MDN
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| 31 † | 7,1 * | 6,0 ‡ | Ingen | Ingen | Ingen | 8 * |
† med "eksperimentelle Webplattform-funksjoner" slått på i krom: // flagg. Chrome 31 trengte -webkit- prefiks. Vi testet Chrome 50, og det fungerte bare uprefiksert.
‡ 6+ med -moz-prefiks, uprefiksert fra og med 36.