この記事はまだ日本語に翻訳されていません。MDN の翻訳はボランティアによって行われています。是非 MDN に登録し、私たちの力になって下さい。
Summary
Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group.
Values
Values must be integers greater than zero. The default value for this property is 1.
Examples
<style type="text/css">
#Flexbox {
display: -ms-box;
display: -moz-box;
display: -webkit-box;
}
#text1 {
background: red;
-ms-box-ordinal-group: 4;
-moz-box-ordinal-group: 4;
-webkit-box-ordinal-group: 4;
}
#text2 {
background: green;
-ms-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-webkit-box-ordinal-group: 3;
}
#text3 {
background: blue;
-ms-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-webkit-box-ordinal-group: 2;
}
#text4 {
background: orange;
}
</style>
<div id="Flexbox">
<div id="text1">text 1</div>
<div id="text2">text 2</div>
<div id="text3">text 3</div>
<div id="text4">text 4</div>
</div>