text-decoration-line

Обновлено: 30.05.2022

text-decoration-line

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

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

Значение по умолчанию none
Наследуется Нет
Применяется Ко всем элементам
Анимируется Нет

Синтаксис

text-decoration-line: [ line-through || overline || underline ] | none

Значения

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

Пример

В данном примере ссылки подчёркиваются красной линией

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

Объект.style.textDecorationLine

Примечание

Firefox до версии 36 поддерживает свойство -moz-text-decoration-line.

Safari поддерживает свойство -webkit-text-decoration-line.

Браузеры

text-decoration-line

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

text-decoration-line