Свойство text-decoration-color задает цвет линии у текста.

Свойство следует использовать совместно со свойствами text-decoration-line и text-decoration-style. Эти свойства расширяют действие свойства text-decoration (более продвинутые аналоги).

Примеры смотреть в Мозилле (на 2015 год).

Синтаксис

селектор {
	text-decoration-color: цвет в любом CSS формате;
}

Значение по умолчанию: такой же цвет, как и у текста.

Примеры

Пример

Сейчас у текста будет подчеркивание снизу красного цвета, так как задано свойство text-decoration-color в значении red:

p {
	-moz-text-decoration-style: solid;
	-moz-text-decoration-color: red;
	-moz-text-decoration-line: underline;
	-webkit-text-decoration-style: solid;
	-webkit-text-decoration-color: red;
	-webkit-text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-color: red;
	text-decoration-line: underline;
}

Результат выполнения кода:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.