CSS transform-style 属性
定义和用法
transform-style 属性规定如何在 3D 空间中呈现被嵌套的元素。
注释： 该属性必须与 transform 属性一同使用。
提示: 为了更好地理解 transform-style 属性，请查看这个 演示。
| 默认值: | flat |
|---|---|
| 继承性: | no |
| 支持动画: | no. 阅读有关动画的信息 |
| 版本: | CSS3 |
| JavaScript 语法: | object.style.transformStyle="preserve-3d" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
紧跟在 -webkit- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。
| 属性 | |||||
|---|---|---|---|---|---|
| transform-style | 36.0 12.0 -webkit- |
11.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
语法
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 属性
