transformStyle 属性用于设置或返回嵌套元素在 3D 空间中呈现的不同方式。
句法：
- 它返回transformStyle：
object.style.transformStyle - 它设置transformStyle：
object.style.transformStyle = "flat|preserve-3d|initial|inherit"
特性：
- flat：这是默认的属性值。但是，子元素不会保留 3D 位置。
- 保留 3d：它使子元素能够保留它们的 3D 位置。
- 初始：它将transformStyle 设置为其默认值。
- 继承：继承父元素的transformStyle属性值。
返回值：它返回一个字符串，表示元素的 transform-style 属性。
示例 1：显示平面属性。
HTML | DOM Style transformStyle Property
Geeks
Clicking on the 'Press' button
will set the property to flat.
GeeksforGeeks
12345
输出：
- 在点击按钮之前：
- 点击按钮后：
示例 2：显示保留 3D 属性。
HTML | DOM Style transformStyle Property
Geeks
Clicking on the 'Press' button
will set the property to preserve 3D.
GeeksforGeeks
12345
输出：
- 在点击按钮之前：
示例 3：显示初始属性。
HTML | DOM Style transformStyle Property
Geeks
Clicking on the 'Press' button
will set the property to initial.
GeeksforGeeks
12345
输出：
- 在点击按钮之前：
- 点击按钮后：
示例 4：显示继承属性。
HTML | DOM Style transformStyle Property
Geeks
Clicking on the 'Press' button
will set the property to inherit.
GeeksforGeeks
12345
输出：
- 在点击按钮之前：
- 点击按钮后：
注意： Apple Safari 不支持此属性。
浏览器支持： DOM样式transformStyle属性支持的浏览器如下：
- 谷歌浏览器
- IE浏览器
- 火狐
- 歌剧