Свойство 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>Читайте также
Свойство columns
Универсальное свойство, которое позволяет задать ширину и количество колонок многоколоночного текста одновременно....
Функция repeating-radial-gradient()
По своему действию похож на радиальный градиент, который делается функцией radial-gradient(), и имеет с ним схожий синтаксис...
Свойство box-decoration-break
Указывает, как оформлять фрагменты текста при его переносе на другую строку. Работает только для свойств: background, border, border-image, box-shadow...
Свойство text-decoration-line
Определяет, как должна добавляться декоративная линия к тексту — подчёркивание, перечёркивание, над текстом. Одновременно можно добавлять несколько ли...