CSS стиль text-decoration-color. Меняем цвет подчеркивания благодаря text-decoration-color
CSS стиль text-decoration-color устанавливает цвет линии, которая добавляется через свойство text-decoration
Firefox до 36 версии поддерживает свойство -moz-text-decoration-color.
Краткая информация по CSS-свойству text-decoration-color
Значение по умолчанию | Совпадает с цветом текста |
Наследуется | Нет |
Применяется | Ко всем элементам |
Правила написания свойства text-decoration-color
text-decoration-color: цвет
Объектная модель
Объект.style.textDecorationColor
Пример применения стиля text-decoration-color
Проиллюстрируем работу text-decoration-color на примере. Нам не нравится, что ссылка подчеркивается линией такого же света как и текст ссылки. Раньше мы отменяли подчеркивание с помощью text-decoration: none;
и задавали границу с помощью свойства border-bottom, однако теперь у нас есть text-decoration-color:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример CSS стиля text-decoration-color</title>
<style>
a { color: #c75050;
text-decoration-color: #61a0d3;
}
</style>
<body>
<p>
В тот же миг Алиса юркнула за ним следом,
не думая о том, как же она будет выбираться
обратно. <a href="">Читать</a>
</p>
</body>
</body>
</html>