transform-style
The transform-style property specifies how nested elements are rendered in 3D space.
Formal Syntax
flat | preserve-3d
JavaScript Access
// Access via element.style
element.style.transformStyle = 'flat';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| transform-style | 36 | 16 | 9 | 12 |
| flat | 12 | 10 | 4 | 12 |
| preserve-3d | 12 | 10 | 4 | 12 |
Related Properties
- backface-visibility
- bottom
- inset
- inset-block
- inset-block-end
- inset-block-start
- inset-inline
- inset-inline-end
- inset-inline-start
- left
- offset
- offset-anchor
- offset-distance
- offset-path
- offset-position
- offset-rotate
- perspective
- perspective-origin
- position
- right
- rotate
- scale
- top
- transform
- transform-box
- transform-origin
- translate
- zoom
- overlay ๐งช