Свойство transformStyle
Пример style.transformStyle
Пусть преобразованные дочерние элементы сохранят 3D-преобразования:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
Попробуйте сами »
Описание transformStyle
Свойство transformStyle задает или возвращает способ отображения вложенных элементов в трехмерном пространстве.
Примечание: это свойство необходимо использовать вместе со свойством transform.
Поддержка transformStyle
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данное свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| transformStyle | 36.0 | 11.0 | 16.0 | 9.0 | 23.0 |
Синтаксис transformStyle
Вернуть свойство transformStyle:
object.style.transformStyle
Установите свойство transformStyle:
object.style.transformStyle = "flat|preserve-3d|initial|inherit"
Значение свойства transformStyle
| Значение | Описание |
|---|---|
| flat | Значение по умолчанию. Дочерние элементы НЕ сохранят свою 3D-позицию |
| preserve-3d | Дочерние элементы сохранят свою 3D-позицию |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали transformStyle
| Значение по умолчанию: | flat |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство стиля преобразования элемента. |
| CSS Версия | CSS3 |
Связанные страницы transformStyle
JavaScript Style Объект: Свойство transform
CSS Справочник: Свойство transform-style