Свойство 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>Читайте также
Стиль первого символа в тексте
Псевдоэлемент ::first-letter определяет стиль первого символа в тексте элемента, к которому добавляется. К этому псевдоэлементу могут применяться толь...
Свойство text-ident
Устанавливает величину отступа первой строки блока текста (например, для абзаца p). Воздействия на все остальные строки не оказывает. Допускается отри...
Свойство table-layout
Определяет, как браузер должен вычислять ширину ячеек таблицы, основываясь на её содержимом....
Свойство perspective
Определяет расстояние от плоскости экрана до точки сходимости линий и тем самым задаёт, насколько выражен эффект перспективы. Точка сходимости по умол...