Свойство 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 диких свою. Ручеек путь текстов реторический.