Свойство text-decoration-line
Описание
Определяет, как должна добавляться декоративная линия к тексту — подчёркивание, перечёркивание, над текстом. Одновременно можно добавлять несколько линий, перечисляя значения через пробел.
Синтаксис
text-decoration-line: [ line-through || overline || underline ] | none;Подробности
| Значение | Описание |
| line-through | Создает перечёркнутый текст. |
| overline | Линия проходит над текстом. |
| underline | Устанавливает подчёркнутый текст. |
| none | Отменяет все эффекты, в том числе и подчёркивание у ссылок, которое задано по умолчанию. |
Пример
<!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-line: underline;
}
</style>
<div id='test-text'>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Назад маленький рукопись взобравшись алфавит единственное. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Ручеек путь текстов реторический.
</div>
</body>
</html>Читайте также
Свойство list-style-position
Указывает, как будет размещаться маркер относительно текста — маркер обтекается текстом или вынесен за границу элемента списка....
Свойство padding-inline-start
Определяет конечный внутренний отступ элемента по строчной оси. В зависимости от значения свойства writing-mode, свойство padding-inline-start может с...
Стиль поля формы с обязательным вводом
Применяет стилевые правила к элементу input, у которого установлен атрибут required, он позволяет выделять поля обязательные к заполнению перед отправ...
Свойство border-bottom-color
Устанавливает цвет нижней границы элемента....