Стиль textDecorationStyle атрибута
- Предыдущая страница textDecorationLine
- Следующая страница textIndent
- Вернуться на один уровень выше Объект Style HTML DOM
Определение и использование
textDecorationStyle Установка или возврат способа отображения линии (если есть).
Дополнительная информация:
CSS справочник:Атрибут text-decoration-style
Пример
Отображение волны под абзацем:
document.getElementById("myP").style.textDecorationStyle = "wavy";
Грамматика
Возврат textDecorationStyle атрибута:
object.style.textDecorationStyle
Установка textDecorationStyle атрибута:
object.style.textDecorationStyle = "solid|double|dotted|dashed|wavy|initial|inherit"
Значение атрибута
| Значение | Описание |
|---|---|
| solid | Значение по умолчанию. Линия отображается в виде одной линии. |
| double | Линия будет отображаться в виде двойной линии. |
| dotted | Линия будет отображаться в виде пунктирной линии. |
| dashed | Линия будет отображаться в виде пунктирной линии. |
| wavy | Линия будет отображаться в виде волны. |
| initial | Этот атрибут устанавливается в его значение по умолчанию. См. initial. |
| inherit | Этот атрибут наследуется от родительского элемента. См. inherit. |
Технические детали
| Значение по умолчанию: | solid |
|---|---|
| Возвратное значение: | Строка, представляющая Атрибут text-decoration-style. |
| Версия CSS: | CSS3 |
Поддержка браузерами
Таблица цифр указывает на версию браузера, которая полностью поддерживает этот атрибут.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 57.0 | 79.0 | 36.0 | 12.1 | 44.0 |
- Предыдущая страница textDecorationLine
- Следующая страница textIndent
- Вернуться на один уровень выше Объект Style HTML DOM
