Свойство 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 диких свою. Ручеек путь текстов реторический.
Читайте также
Вывод контента до содержимого элемента
Псевдоэлемент ::before применяется для отображения контента до содержимого элемента, к которому о...
Задает определенные настроки для разных языков
Определяет язык, который используется в документе или его фрагменте. С помощью псевдокласса :lang...
Свойство animation-iteration-count
Указывает, сколько раз будет воспроизводится анимация.
Свойство animation
Используется для создания анимации.<br>Сокращенная запись для свойств animation-name, anima...
Свойство content
Позволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте ...