A text-decoration-colortulajdonság az alkalmazott tulajdonsággal állítja be az aláhúzás, az aláhúzás vagy az áthúzás színét a szövegen text-decoration. Beállíthatja a linkek aláhúzás színét is.
a ( text-decoration-color: #E18728; )Értékek
text-decoration-colortudja inheritvagy elfogadja CSS szín értéke, beleértve megnevezett színek, HEX színek, RGBA és HSLa.
Gyorsírás
Azokban a böngészőkben, amelyek támogatják text-decoration-styleés text-decoration-colorszínt adhatnak a text-decorationgyorsírás tulajdonságához:
.underlined ( text-decoration: underline dotted red; )Jelenleg csak a Firefox támogatja ezt az előre nem javítottat. A Safari az -webkitelőtaggal támogatja . A Chrome-nak szüksége van a -webkitChrome zászlókban engedélyezett előtagra és kísérleti webplatform-funkciókra is.
Demó
Az text-decoration-colorebben a bemutatóban a Firefox és a Safari jelenlegi verzióiban működik. Ez a Chrome-ban is működik, engedélyezve a „kísérleti webplatform funkciók” jelölőt.
Lásd a CSS-Tricks (@ css-tricks) Toll szövegdekorációs színe című részét a CodePen-en.
Összefüggő
text-decorationtext-decoration-linetext-decoration-styletext-decoration-skip
Több információ
text-decoration-colora CSS szövegdekorációs modul CR 3. szintjéntext-decoration-coloraz MDN-nél
Böngésző támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| 31 † | 7,1 * | 6,0 ‡ | Egyik sem | Egyik sem | Egyik sem | 8 * |
† a „kísérleti webplatform funkcióinak” bekapcsolásával chrome: // flags formátumban. A Chrome 31-hez szükséges -webkit- előtag. Teszteltük a Chrome 50-et, és csak előzetesen működött.
‡ 6+ -moz előtaggal, előtag nélkül 36-tól.