CSS transform-style Property


The transform-style CSS property determines whether an element's children are positioned in 3D space or flattened in the element's plane. The element's children will not exist on their own in 3D space if it is flattened. Because this property is not inherited, it must be set for the element's non-leaf descendants.

Syntax

Example

Preview

Property Values

Value Description
flat This specifies that child elements will NOT retain their 3D position. This is the default setting.
preserve-3d This specifies that child elements will keep their 3D position.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
transform-style 36.0
12.0 -webkit-
16.0
10.0 -moz-
9.0
4.0 -webkit-
11.0 23.0
15.0 -webkit-