text-decoration-line

Оновлено: 08.12.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