Свойство 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 диких свою. Ручеек путь текстов реторический.
Читайте также
Свойство max-height
Устанавливает максимальную высоту элемента.<br><br>Значение высоты элемента будет выч...
Соседние селекторы
Соседними называются элементы веб-страницы, когда они следуют непосредственно друг за другом в ко...
Свойство font-style
Определяет начертание шрифта — обычное, курсивное или наклонное.<br><br>Когда для тек...
Свойство overflow-y
Управляет отображением содержания блочного элемента по вертикали, если контент целиком не помещае...
Свойство grid-column-end
Определяет местоположение в сетке ссылаясь на конкретные линии. <br>grid-column-end / grid-...