CSS3 box-ordinal-group 属性

w3school 在线教程

## CSS 参考手册

- CSS 参考手册
- CSS 选择器
- CSS 听觉参考手册
- CSS 网络安全字体
- CSS 单位
- CSS 颜色
- CSS 颜色值
- CSS 颜色名
- CSS 颜色十六进制

# CSS3 box-ordinal-group 属性

CSS 参考手册

## 实例

规定框中子元素的显示次序：

    .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 | 一个整数，指示子元素的显示次序。 | 测试

CSS 参考手册