text-decoration

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