May 05, 2021 CSS Reference Manual
Specify the order in which child elements in the box are displayed:
.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;
}
There is currently no browser that supports the box-ordinal-group property.
Firefox supports alternative -moz-box-ordinal-group properties.
Safari and Chrome support alternative -webkit-box-ordinal-group properties.
The box-ordinal-group property specifies the order in which child elements in the box are displayed.
Elements with lower values appear in front of elements with higher values.
Note: Group elements with the same values, and their display order depends on their source order.
Default: | 1 |
---|---|
Inheritance: | no |
Version: | CSS3 |
JavaScript syntax: | object .style.boxOrdinalGroup=2 |
box-ordinal-group: integer;
Value | Describe | Test |
---|---|---|
integer | An integer that indicates the order in which child elements are displayed. | Test |