text-decoration-colorВластивість встановлює колір підкреслення, Оверлайн або лінійні через по тексту з text-decorationприкладної власністю. Він також може встановити колір підкреслення посилань.
a ( text-decoration-color: #E18728; )Цінності
text-decoration-colorможе inheritприймати будь-яке значення кольору CSS, включаючи іменовані кольори, кольори HEX, RGBa та HSLa.
Стенографія
У браузерах, які підтримують, text-decoration-styleі text-decoration-colorви можете додати колір до text-decorationскороченої властивості:
.underlined ( text-decoration: underline dotted red; )Наразі лише Firefox підтримує цей безпрефікс. Safari підтримує його -webkitпрефіксом. Chrome також потребує -webkitпрефікса та експериментальних функцій веб-платформи, включених у прапорах Chrome.
Демо
Ця text-decoration-colorдемонстрація працює в поточних версіях Firefox та Safari. Він також працюватиме в Chrome із увімкненим прапором "експериментальні функції веб-платформи".
Перегляньте текст тексту-олівця ручки від CSS-Tricks (@ css-tricks) на CodePen.
Пов’язані
text-decorationtext-decoration-linetext-decoration-styletext-decoration-skip
Більше інформації
text-decoration-colorу Модулі оформлення тексту CSS рівня 3 CRtext-decoration-colorна MDN
Підтримка браузера
| Chrome | Сафарі | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 † | 7,1 * | 6,0 ‡ | Жоден | Жоден | Жоден | 8 * |
† з увімкненими «експериментальними функціями веб-платформи» в chrome: // flags. Для Chrome 31 потрібен префікс -webkit-. Ми протестували Chrome 50, і він працював лише без префіксу.
‡ 6+ із префіксом -moz, без префіксу станом на 36.