Свойство text-decoration

Описание

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

Синтаксис

text-decoration: text-decoration-line || text-decoration-style || text-decoration-color;
Значение Описание
blink Устанавливает мигающий текст. Такой текст периодически, примерно раз в секунду исчезает, потом вновь появляется на прежнем месте. Это значение в настоящее время не поддерживается браузерами и осуждается в CSS3, взамен рекомендуется использовать анимацию.

Данное значение устарело!
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: underline;
 }
 </style>
 <div id='test-text'>
 Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Назад маленький рукопись взобравшись алфавит единственное. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Ручеек путь текстов реторический.
 </div>
</body>
</html>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Назад маленький рукопись взобравшись алфавит единственное. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Ручеек путь текстов реторический.

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

Свойство column-fill

Определяет количество колонок в многоколоночном тексте.

Свойство border-width

Устанавливает толщину границы элемента.

Правило @page

Правило @page позволяет задать значение полей при печати документа или для страниц, у которых тип...

Свойство list-style-type

Указывает, как будет размещаться маркер относительно текста — маркер обтекается текстом или вынес...

Свойство column-rule-width

В многоколоночном тексте задаёт толщину линий между колонок.