text-decoration-colorNieruchomość ustawia kolor podkreślenia, overline lub linii przelotowe na tekście z text-decorationzastosowane nieruchomość. Może także ustawić kolor podkreślenia linków.
a ( text-decoration-color: #E18728; )Wartości
text-decoration-colormoże inheritlub akceptuje dowolną wartość koloru CSS, w tym nazwane kolory, kolory HEX, RGBa i HSLa.
Stenografia
W przeglądarkach, które obsługują text-decoration-stylei text-decoration-colormożesz dodać kolor do text-decorationskróconej właściwości:
.underlined ( text-decoration: underline dotted red; )Obecnie tylko Firefox obsługuje to bez prefiksu. Safari obsługuje go z -webkitprefiksem. Chrome potrzebuje również -webkitprefiksu i eksperymentalnych funkcji platformy internetowej włączonych we flagach Chrome.
Próbny
W text-decoration-colortym demo działa w aktualnych wersjach przeglądarek Firefox i Safari. Będzie również działać w przeglądarce Chrome z włączoną flagą „eksperymentalne funkcje platformy internetowej”.
Zobacz Pen text-decoration-color autorstwa CSS-Tricks (@ css-tricks) w CodePen.
Związane z
text-decorationtext-decoration-linetext-decoration-styletext-decoration-skip
Więcej informacji
text-decoration-colorw module dekoracji tekstu CSS, poziom 3 CRtext-decoration-colorw MDN
Wsparcie przeglądarki
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| 31 † | 7,1 * | 6,0 ‡ | Żaden | Żaden | Żaden | 8 * |
† z włączonymi „eksperymentalnymi funkcjami platformy internetowej” w chrome: // flags. Chrome 31 potrzebował prefiksu -webkit-. Przetestowaliśmy Chrome 50 i działał tylko bez prefiksu.
‡ 6+ z prefiksem -moz, bez prefiksu od 36.