box-ordinal-group

非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。

警告:これはオリジナルの CSS フレックスボックスレイアウトモジュールの草稿のプロパティで、より新しい標準に置き換えられました。現在の標準についての情報はフレックスボックスを参照してください。

box-ordinal-group はCSS のプロパティで、フレックスボックスの子要素を順序付きグループに割り当てます。

css

/* <integer> 値 */box-ordinal-group: 1;box-ordinal-group: 5;/* グローバル値 */box-ordinal-group: inherit;box-ordinal-group: initial;box-ordinal-group: unset;

順序付きグループは、ボックスの直接の子が現れる順序を制御するために、box-direction プロパティとの組み合わせで使用されることがあります。box-direction の計算値が normal である場合、ボックスは小さい番号が付いた順序付きグループから要素を表示し、それらの要素がコンテナーの左 (水平ボックスの場合) または上端 (垂直ボックスの場合) に現れます。同じ順序付きグループの要素は、ソースの文書ツリーに現れる順序で流れます。逆の方向では、順序付きグループは要素が逆に現れた場合を除き、順序付きグループは同じ順序で現れようとします。

構文

box-ordinal-group プロパティは任意の正の<integer> で指定されます。

公式定義

初期値	`1`
適用対象	ボックス要素の子
継承	なし
計算値	指定通り
アニメーションの種類	離散値

article:nth-child(1) {  -webkit-box-ordinal-group: 2  -moz-box-ordinal-group: 2  box-ordinal-group: 2}article:nth-child(2) {  -webkit-box-ordinal-group: 1  -moz-box-ordinal-group: 1  box-ordinal-group: 1}

現在のフレックスボックスの同等の機能はorder です。