Атрибут transformStyle Style
- Предыдущая страница transformOrigin
- Следующая страница transition
- Вернуться на один уровень выше Объект Style HTML DOM
Определение и использование
transformStyle Атрибут устанавливает или возвращает способ представления вложенных элементов в 3D-пространстве.
Комментарий:Этот атрибут должен соответствовать Атрибут transform Использование вместе.
См. также:
Объект Style JavaScript:Атрибут transform
CSS справочник:Атрибут transform-style
Пример
Держите преобразованные дочерние элементы в 3D-преобразовании:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
Синтаксис
Возврат атрибута transformStyle:
object.style.transformStyle
Установка атрибута transformStyle:
object.style.transformStyle = "flat|preserve-3d|initial|inherit"
Значение атрибута
| Значение | Описание |
|---|---|
| flat | Значение по умолчанию. Дочерние элементы не сохранят свою 3D-позицию. |
| preserve-3d | Дочерние элементы сохранят свою 3D-позицию. |
| initial | Этот атрибут устанавливается в его значение по умолчанию. См. initial. |
| inherit | Этот атрибут наследуется от родительского элемента. См. inherit. |
Технические детали
| Значение по умолчанию: | flat |
|---|---|
| Возвратное значение: | Строка, представляющая Атрибут transform-style. |
| Версия CSS: | CSS3 |
Поддержка браузера
Таблица цифр указывает на версию браузера, которая полностью поддерживает этот атрибут.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 36.0 | 11.0 | 16.0 | 9.0 | 23.0 |
- Предыдущая страница transformOrigin
- Следующая страница transition
- Вернуться на один уровень выше Объект Style HTML DOM
