# CSS3 box-ordinal-group 属性 ## 实例 规定框中子元素的显示次序： ``` .box { display:-moz-box; /* Firefox */ display:-webkit-box; /* Safari 和 Chrome */ display:box; border:1px solid black; } .ord1 { margin:5px; -moz-box-ordinal-group:1; /* Firefox */ -webkit-box-ordinal-group:1; /* Safari 和 Chrome */ box-ordinal-group:1; } .ord2 { margin:5px; -moz-box-ordinal-group:2; /* Firefox */ -webkit-box-ordinal-group:2; /* Safari 和 Chrome */ box-ordinal-group:2; } ``` ## 浏览器支持 目前没有浏览器支持 box-ordinal-group 属性。 Firefox 支持替代的 -moz-box-ordinal-group 属性。 Safari 和 Chrome 支持替代的 -webkit-box-ordinal-group 属性。 ## 定义和用法 box-ordinal-group 属性规定框中子元素的显示次序。 值更低的元素会显示在值更高的元素前面显示。 注释：分组值相同的元素，它们的显示次序取决于其源次序。 | 默认值： | 1 | | --- | --- | | 继承性： | no | | --- | --- | | 版本： | CSS3 | | --- | --- | | JavaScript 语法： | _object_.style.boxOrdinalGroup=2 | | --- | --- | ## 语法 ``` box-ordinal-group: _integer_; ``` | 值 | 描述 | 测试 | | --- | --- | --- | | _integer_ | 一个整数，指示子元素的显示次序。 | [测试](/tiy/c.asp?f=css_box-ordinal-group) |