Свойство text-decoration-line

Описание

Определяет, как должна добавляться декоративная линия к тексту — подчёркивание, перечёркивание, над текстом. Одновременно можно добавлять несколько линий, перечисляя значения через пробел.

Синтаксис

text-decoration-line: [ 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 диких свою. Ручеек путь текстов реторический.

Свойство text-decoration-line

Описание

Синтаксис

Пример

Читайте также

Свойство border-left-style

Свойство outline-color

Свойство scroll-behavior

Функция calc()

Свойство clear

Значение	Описание
line-through	Создает перечёркнутый текст.
overline	Линия проходит над текстом.
underline	Устанавливает подчёркнутый текст.
none	Отменяет все эффекты, в том числе и подчёркивание у ссылок, которое задано по умолчанию.