この記事は編集レビューを必要としています。ぜひご協力ください。
この翻訳は不完全です。英語から この記事を翻訳 してください。
警告: This is a property of the original CSS Flexible Box Layout Module draft, and has been replaced in newer drafts.
何がこのプロパティの代わりに使用している必要があるか詳細については、Flexbox をご覧ください。
概要
要素が属する序グループを示します。低い序グループを持つ要素は、より高い序基を有するものの前に表示されます。
値
値はゼロより大きい整数でなければなりません。このプロパティのデフォルト値は1です。
例
<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>