Свойство text-decoration-color
Описание
Устанавливает цвет линии, которая добавляется через свойство text-decoration.
Синтаксис
text-decoration-color: цвет;
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#test-text {
padding: 20px;
background-color: rgb(140, 206, 228);
text-decoration: underline;
text-decoration-color: red;
}
</style>
<div id='test-text'>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Назад маленький рукопись взобравшись алфавит единственное. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Ручеек путь текстов реторический.
</div>
</body>
</html>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Назад маленький рукопись взобравшись алфавит единственное. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Ручеек путь текстов реторический.
Читайте также
Стиль выделенного пользователем текста
Псевдоэлемент ::selection применяет стиль к выделенному пользователем тексту. В правилах стилей д...
Свойство all
Универсальное свойство, сбрасывает все значения свойств в исходные значения, исключением является...
Свойство align-self
Используется для выравнивания флекс - элементов текущей строки. Аналог align-items, отличие в том...
Стиль непосещенных ссылок
Псевдокласс :link применяется к ссылкам, которые ещё не посещались пользователем, и задаёт для ни...
Свойство line-clamp
Ограничивает текст заданным числом строк. При превышении текста указанным числом строк, он обреза...