这篇翻译不完整。请帮忙从英语翻译这篇文章

这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

概述

transform-style属性确定元素的子元素是否位于3D空间中,还是在该元素所在的平面内被扁平化。

如果被扁平化,则子元素不会独立的存在于三维空间。

因为该属性不会被(自动)继承,所以必须为元素所有非叶子后代节点设置该属性。

初始值flat
适用元素transformable elements
是否是继承属性
适用媒体visual
计算值as specified
Animation typediscrete
正规顺序the unique non-ambiguous order defined by the formal grammar
Creates stacking contextyes

语法

Formal syntax: flat | preserve-3d
transform-style: preserve-3d
transform-style: flat

transform-style: inherit

preserve-3d
指定子元素定位在三维空间内。
flat
指定子元素位于此元素所在平面内。

规范

Specification Status Comment
CSS Transforms Level 1
transform-style
Working Draft  

兼容

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 12-webkit 10 (10)-moz
16 (16)
11 15-webkit (Yes)-webkit
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 3.0-webkit 10.0 (10)-moz
16.0 (16)
8.1 (Yes)-webkit (Yes)-webkit

See also

文档标签和贡献者

此页面的贡献者: zhuangyin, Jiasm, fscholz, Sebastianz, FredWe, hutuxu
最后编辑者: zhuangyin,