Перейти к содержанию

text-decoration-color

Свойство text-decoration-color задает цвет украшений, добавляемых к тексту строкой text-decoration.

Цвет применяется к украшениям, таким как подчеркивание, надчеркивание, зачеркивание и волнистые линии, подобные тем, которые используются для обозначения орфографических ошибок, в пределах значения свойства.

Демо

CSS не предоставляет прямого механизма для указания уникального цвета для каждого типа линии. Тем не менее, этого эффекта можно добиться путем вложения элементов, применения к каждому элементу разного типа линии (с помощью свойства text-decoration-line) и указания цвета линии (с помощью text-decoration-color) для каждого элемента.

Текст

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
/* <color> values */
text-decoration-color: currentcolor;
text-decoration-color: red;
text-decoration-color: #00ff00;
text-decoration-color: rgba(255, 128, 128, 0.5);
text-decoration-color: transparent;

/* Global values */
text-decoration-color: inherit;
text-decoration-color: initial;
text-decoration-color: revert;
text-decoration-color: revert-layer;
text-decoration-color: unset;

Спецификация

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

Комментарии