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

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


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

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;

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