Свойство textDecorationLine
Пример style.textDecorationLine
Отобразить элемент с линией через текст:
document.getElementById("demo").style.textDecorationLine = "line-through";
Попробуйте сами »
Описание textDecorationLine
Свойство textDecorationLine устанавливает или возвращает тип линии, если таковая имеется, для оформления.
Примечание: Вы также можете установить textDecorationLine с помощью свойства textDecoration, которое является сокращенным свойством для свойств textDecorationLine, textDecorationStyle и textDecorationColor.
Примечание: Вы также можете объединить несколько значений, например, подчеркивание и надстрочное подчеркивание, чтобы отображать линии как под текстом, так и над ним.
Поддержка textDecorationLine
| Свойство | |||||
|---|---|---|---|---|---|
| textDecorationLine | 57.0 | 79.0 | 36.0 | 7.0 Webkit | 44.0 |
Синтаксис textDecorationLine
Вернуть свойство textDecorationLine:
object.style.textDecorationLine
Установите свойство textDecorationLine:
object.style.textDecorationLine = "none|underline|overline|line-through|initial|inherit"
Значение свойства textDecorationLine
| Значение | Описание |
|---|---|
| none | Значение по умолчанию. Указывает, что для оформления текста не будет линии |
| underline | Указывает, что линия будет отображаться под текстом |
| overline | Указывает, что линия будет отображаться над текстом |
| line-through | Указывает, что линия будет отображаться через текст |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали textDecorationLine
| Значение по умолчанию: | none |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство text-decoration-line элемента |
| CSS Версия | CSS3 |
Связанные страницы textDecorationLine
CSS Справочник: Свойство text-decoration-line