В 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.