# Свойство text-decoration-color

Свойство `text-decoration-color` задает цвет линии у текста. Свойство следует использовать совместно со свойствами `text-decoration-line` и `text-decoration-style`. Эти свойства расширяют действие свойства `text-decoration`, являясь более продвинутыми аналогами. Значением свойства служат любые единицы для цвета.

## Синтаксис

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

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

## Пример

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

`<div id="elem"> Lorem ipsum dolor sit amet. </div>` `#elem { text-decoration-style: solid; text-decoration-color: red; text-decoration-line: underline; }`

:

←→
↑