Свойство 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 диких свою. Ручеек путь текстов реторический.
Читайте также
Свойство word-wrap
Указывает, переносить или нет длинные слова, которые не помещаются по ширине в заданную область.
Свойство grid-area
Свойство grid-area даёт название элементу чтобы можно было ссылаться на него с помощью шаблона со...
Свойство min-width
Устанавливает минимальную ширину элемента.<br><br>Значение ширины элемента будет вычи...
Свойство text-emphasis-position
Устанавливает положение маркеров, отображаемых с помощью свойства text-emphasis-style.
Свойство text-align-last
Задаёт выравнивание последней строки блока текста.