④ Цвет линии оформления: свойство text-decoration-color

Продолжим изучение темы CSS3 - оформление текста. Если пропустили прошлые статьи, то вот ссылки на них:

• ① Оформление линии: подчеркивание, обводка и зачеркивание
• ② Вид линии оформления: свойство text-decoration-line
• ③ Стиль линии оформления: свойство text-decoration-style

Поддержка браузерами

IE: —
Edge: —
Firefox: 36, 35 -moz-
Chrome: 57
Safari: 12.1, 7.1 -webkit-
Opera: 44
iOS Safari: 8 -webkit-
UC Browser for Android: 11.8
Chrome for Android: 73
Samsung Internet: 7.2

Свойство text-decoration-color определяет цвет линии оформления текста, установленный для элемента с text-decoration-line.

Свойство не наследуется.

text-decoration-color

Значения:

• цвет - Значение принимает все форматы цвета свойства color. Значение по умолчанию currentColor.
• inherit - Наследует значение свойства от родительского элемента.
• initial - Устанавливает значение свойства в значение по умолчанию.

Синтаксис

CSS

text-decoration-color: currentColor;
text-decoration-color: salmon;
text-decoration-color: #00ff00;
text-decoration-color: rgba(255, 128, 128, 0.5);
text-decoration-color: transparent;
text-decoration-color: inherit;
text-decoration-color: initial;

Продолжение в следующей статье!