CSS transform-style 属性
定义和用法
transform-style 属性指定了如何在 3D 空间中渲染嵌套元素。
注意：此属性必须与 transform 属性一起使用。
为了更好地理解 transform-style 属性，请 查看演示。
| 默认值 | flat |
|---|---|
| 继承 | no |
| 可动画 | 否。 阅读关于可动画属性 |
| 版本 | CSS3 |
| JavaScript 语法 | object.style.transformStyle="preserve-3d" 尝试一下 |
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| transform-style | 36 | 12 | 16 | 9 | 23 |
CSS 语法
transform-style: flat|preserve-3d|initial|inherit;
属性值
| 属性值 | 描述 |
|---|---|
| flat | 指定子元素将不会保留其 3D 位置。这是默认值 |
| preserve-3d | 指定子元素将保留其 3D 位置 |
| initial | 将此属性设置为其默认值。阅读关于initial |
| inherit | 从其父元素继承此属性。阅读关于inherit |
相关页面
CSS 教程： CSS 2D 变换
CSS 教程： CSS 3D 变换
HTML DOM 参考： transformStyle 属性
