【CSS Modules】box-ordinal-groupプロパティの使い方

box-ordinal-groupプロパティは、CSS Flexible Box Layout (Flexbox) の初期の仕様において、Flexコンテナ内のアイテムの表示順序を決定するための設定値を保持するプロパティです。このプロパティは、Flexアイテムに数値グループを割り当てることで、要素の視覚的な表示順序を再配置する目的で使用されていました。数値が小さいアイテムほど先に表示され、同じ数値を持つアイテム間ではソースコードに記述された順序が適用されます。

しかし、このbox-ordinal-groupプロパティは、Flexboxの仕様が発展する過程で変更され、現在ではorderプロパティによって置き換えられています。orderプロパティは、より直感的でシンプルな方法でFlexアイテムの順序を指定できるよう設計されており、現代のウェブ開発においては、Flexアイテムの表示順序を操作する際にはorderプロパティを使用することが標準とされています。

したがって、box-ordinal-groupプロパティはFlexboxの古い仕様に属しており、現在の主要なブラウザでは非推奨またはサポートされていない可能性があります。新しいプロジェクトや既存のプロジェクトのメンテナンスを行う際には、互換性と将来性を考慮し、代わりにorderプロパティを用いることを強く推奨いたします。このプロパティはFlexboxの歴史的な変遷を理解する上で役立つ情報ですが、実用的な開発においてはorderプロパティの習得が不可欠です。

Copy
1box-ordinal-group: 1;

引数なし

引数はありません

戻り値なし

戻り値はありません