Свойство textDecorationLine стиля

Определение и использование

textDecorationLine Установка свойств или возврат типа линии декорации текста (если она есть).

Примечание:Вы также можете использовать атрибут textDecoration для установки textDecorationLineявляется сокращением для следующих свойств:

Примечание:Вы также можете комбинировать несколько значений, например, underline и overlineчтобы показать линии как над, так и под текстом.

См. также:

CSS справочник:Атрибут text-decoration-line

Пример

Показать абзац с линией вверху:

document.getElementById("myP").style.textDecorationLine = "overline";

Попробуйте сами

Синтаксис

Возврат свойства textDecorationLine:

объект.style.textDecorationLine

Установка свойства textDecorationLine:

объект.style.textDecorationLine = "none|underline|overline|line-through|initial|inherit"

Значение свойства

Значение Описание
none Значение по умолчанию. Определяет, что текст не будет иметь декоративной линии.
underline Определяет, что линия будет отображаться под текстом.
overline Определяет, что линия будет отображаться над текстом.
line-through Определяет, что через текст будет проходить линия.
initial Установите этот атрибут в его значение по умолчанию. См. initial.
inherit Инherits this property from its parent element. См. inherit.

Технические детали

Значение по умолчанию: Нет
Возвратное значение: Строка, представляющая Атрибут text-decoration-line.
Версия CSS: CSS3

Поддержка браузеров

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 79.0 36.0 7.0 Webkit 44.0