Свойство 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>

Описание

Синтаксис

Подробности

Пример

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

Свойство page-break-after

Свойство max-height

Свойство quotes

Правило @page