Easy Tutorial
❮ Prop Body Background Event Onsearch ❯

Style transformStyle Property

Style Object

Example

Preserve the 3D transformation of child elements:


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 transform property.


Browser Support

Firefox supports the transformStyle property.

Chrome, Safari, and Opera support an alternative property, WebkitTransformStyle.


Syntax

Return the transformStyle property:

Set the transformStyle property:

Property Values

Value Description
flat Default value. Child elements do not retain their 3D position.
preserve-3d Child elements retain their 3D position.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default Value: flat
Return Value: A string, representing the transform-style property of the element.
--- ---
CSS Version CSS3
--- ---

Related Articles

JavaScript Style Object: transform Property

CSS Reference: transform-style Property


Style Object

❮ Prop Body Background Event Onsearch ❯