transform-style property CSS Reference

Definition and Usage

The transform-style CSS property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element.

If flattened, the children will not exist on their own in the 3D-space.

As this property is not inherited, it must be set for all non-leaf descendants of the element.

• Initial flat
• Applies to transformable elements
• Inherited no
• Media visual
• Computed Value as specified
• Animatable no
• Canonical order the unique non-ambiguous order defined by the formal grammar

Syntax

Formal syntax: flat | preserve-3d

transform-style: preserve-3d
transform-style: flat
transform-style: inherit

Values

preserve-3d

Indicates that the children of the element should be positioned in the 3D-space.

flat

Indicates that the children of the element are lying in the plane of the element itself.

Examples

No examples

Compatibility

Desktop browsers

Mobile browsers