YouTipProp Style Transformstyle
# Style transformStyle Property
[ Style Object](#)
## Example
Make transformed child elements preserve their 3D transformation:
document.getElementById("myDIV").style.transformStyle="preserve-3d";
[Try it Yourself »](#)
* * *
## Definition and Usage
The transformStyle property sets or returns how nested elements are rendered in 3D space.
**Note:** This property must be used together with the (#) property.
* * *
## Browser Support
Firefox supports the transformStyle property.
Chrome, Safari, and Opera support an alternative property, the WebkitTransformStyle property.
* * *
## Syntax
Return the transformStyle property:
_object_.style.transformStyle
Set the transformStyle property:
_object_.style.transformStyle="flat|preserve-3d|initial|inherit"
## Property Values
| Value | Description |
| --- | --- |
| flat | Default value. Child elements will not preserve their 3D position. |
| preserve-3d | Child elements will preserve their 3D position. |
| initial | Sets this property to its default value. See (#). |
| inherit | Inherits this property from its parent element. See (#). |
## Technical Details
| Default value: | flat |
| --- |
| Return value: | A string, representing the element's transform-style property. |
| CSS Version | CSS3 |
* * *
## Related Articles
JavaScript Style Object: (#)
CSS Reference: (#)
* * Style Object](#)