Свойство 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>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Назад маленький рукопись взобравшись алфавит единственное. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Ручеек путь текстов реторический.
Читайте также
Свойство direction
Предназначено для web - сайтов, в которых имеет значение направление текста.<br />Например,...
Свойство counter-increment
Позволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте ...
Свойство page-break-before
Добавляет разрыв страницы при печати документа перед заданным элементом.
Свойство align-items
Используется для выравнивания флекс - элементов внутри контейнера, в перпендикулярном направлении.
Свойство justify-content
Определяет, как браузер распределяет пространство вокруг флекс - элементов вдоль главной оси конт...