Style transformStyle Property

Definition and Usage

transformStyle Property sets or returns the rendering method of nested elements in 3D space.

Note:This property must be with transform Property Used Together.

See Also:

JavaScript Style Object:transform Property

CSS Reference Manual:transform-style Property

Example

Let the converted child elements retain 3D transformation:

document.getElementById("myDIV").style.transformStyle = "preserve-3d";

Try It Yourself

Syntax

Return transformStyle Property:

object.style.transformStyle

Set transformStyle Property:

object.style.transformStyle = "flat|preserve-3d|initial|inherit"

Property Value

Value Description
flat Default Value. The child elements will not retain their 3D position.
preserve-3d The child elements will retain their 3D position.
initial Set this property to its default value. See initial.
inherit This property inherits this attribute from its parent element. See inherit.

Technical Details

Default Value: flat
Return Value: A string that represents the transform-style Property.
CSS Version: CSS3

Browser Support

The numbers in the table indicate the first browser version to fully support this attribute.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 11.0 16.0 9.0 23.0