De text-decoration-coloreigenschap stelt de kleur van de onderstreping, bovenlijn of doorlopende tekst in waarop de text-decorationeigenschap is toegepast. Het kan ook de onderstreepte kleur op links instellen.
a ( text-decoration-color: #E18728; )Waarden
text-decoration-colorkan inheritelke CSS-kleurwaarde accepteren of accepteren, inclusief benoemde kleuren, HEX-kleuren, RGBa en HSLa.
Steno
In browsers die ondersteuning bieden text-decoration-styleen text-decoration-colorkunt u een kleur toevoegen aan een text-decorationsteno-eigenschap:
.underlined ( text-decoration: underline dotted red; )Momenteel ondersteunt alleen Firefox dit unprefixed. Safari ondersteunt het met het -webkitvoorvoegsel. Chrome heeft ook het -webkitvoorvoegsel en de experimentele webplatformfuncties nodig die zijn ingeschakeld in Chrome-vlaggen.
Demo
De text-decoration-colorin deze demo werkt in de huidige versies van Firefox en Safari. Het werkt ook in Chrome als de vlag 'experimentele webplatformfuncties' is ingeschakeld.
Zie de Pen text-decoration-color door CSS-Tricks (@ css-tricks) op CodePen.
Verwant
text-decorationtext-decoration-linetext-decoration-styletext-decoration-skip
Meer informatie
text-decoration-colorin de CSS Text Decoration Module Level 3 CRtext-decoration-colorbij MDN
Browser-ondersteuning
| Chrome | Safari | Firefox | Opera | D.W.Z | Android | iOS |
|---|---|---|---|---|---|---|
| 31 † | 7.1 * | 6,0 ‡ | Geen | Geen | Geen | 8 * |
† met de "experimentele webplatform-functies" ingeschakeld in chrome: // flags. Chrome 31 had het voorvoegsel -webkit- nodig. We hebben Chrome 50 getest en het werkte alleen onbewerkt.
‡ 6+ met -moz prefix, zonder prefix vanaf 36.