Свойство 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>Читайте также
Соседние селекторы
Соседними называются элементы веб-страницы, когда они следуют непосредственно друг за другом в коде документа....
Свойство background-clip
Определяет, как фоновая картинка или цвет фона должен выводиться под границами. Эффект заметен при прозрачных или пунктирных границах....
Свойство font-variant
Определяет, как нужно представлять строчные буквы — оставить их без модификаций или делать их все прописными уменьшенного размера. Такой способ измене...
Правило @keyframes
Правило @keyframes устанавливает ключевые кадры при анимации элемента. Ключевой кадр это свойства элемента (прозрачность, цвет, положение и др.), кото...