最終更新日

orderプロパティ

orderは、フレキシブルボックス内のボックスの配置順序を指定するプロパティです。

フレキシブルボックス内の要素の各ボックスは通常、HTMLコードで記述されている順序に従って配置されますが、orderで順番を指定することで、各ボックスを指定した順序で配置することができます。

CSS3での変更点
・orderは、CSS3から新しく追加されたプロパティです。
初期値 適用先 継承
0 すべての要素 なし
説明
整数 ボックスを配置する順番を整数で指定します。初期値は「0」です。
サンプルコード
order: 1;
order: 2;
order: 3;
参考文献:CSS Flexible Box Layout Module外部リンク
HOME