Свойство text-decoration-style
Описание
Устанавливает стиль декоративной линии, которая добавляется к тексту через свойство text-decoration или text-decoration-line.
Синтаксис
text-decoration-style: solid | double | dotted | dashed | wavy;
Значение | Описание |
solid | Одинарная линия. |
double | Двойная линия. |
dotted | Точечная линия. |
dashed | Пунктирная линия. |
wavy | Волнистая линия. |
Пример
<!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-style: dashed;
}
</style>
<div id='test-text'>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Назад маленький рукопись взобравшись алфавит единственное. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Ручеек путь текстов реторический.
</div>
</body>
</html>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Назад маленький рукопись взобравшись алфавит единственное. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Ручеек путь текстов реторический.
Читайте также
Свойство border-left-width
Устанавливает толщину левой границы элемента.
Свойство color
Указывает цвет текста.
Свойство grid-gap
Определяет отступ между строками и столбцами grid сетки. <br>Сокращение для grid-row-gap и ...
Свойство mix-blend-mode
Указывает режим наложения исходного цвета на фоновый цвет или фоновое изображение.<br><b...
Свойство bottom
Устанавливает положение нижнего края содержимого элемента без учёта толщины рамок и отступов.<...