text-decoration

Обновлено: 30.05.2022

text-decoration

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

Краткая информация

Значение по умолчанию none
Наследуется Нет
Применяется Ко всем элементам
Анимируется text-decoration-line: Нет
text-decoration-style: Нет
text-decoration-color: Да

Значения

blink Устанавливает мигающий текст. Такой текст периодически, примерно раз в секунду исчезает, потом вновь появляется на прежнем месте. Это значение в настоящее время не поддерживается браузерами и осуждается в CSS3, взамен рекомендуется использовать анимацию.
line-through Создает перечёркнутый текст.
overline Линия проходит над текстом.
underline Устанавливает подчёркнутый текст.
none Отменяет все эффекты, в том числе и подчёркивание у ссылок, которое задано по умолчанию.

Пример

Объектная модель

Объект.style.textDecoration

Примечание

Линия, полученная с помощью значения line-through, в IE7 располагается выше чем в других браузерах; в IE8 эта ошибка исправлен

Браузеры

text-decoration

Посмотреть совместимость на Can I use?

text-decoration