Flexアイテムの並び順

Flexアイテムの順序を変更する場合は、orderプロパティ(旧仕様ではbox-ordinal-groupプロパティまたは、flex-orderプロパティ)を使用します。
このプロパティはorderの設定値(初期値を含む)の最低値から順番に並びます。

ただし、orderは論理的ではなく視覚的な順序にすぎないため、音声読み上げ等HTML構造そのままで解釈します。

【構文】

							order:並び順;
						
プロパティ名 初期値 適用範囲 継承 設定可能値
order 0 Flexアイテム しない 数値(負の指定も可能)

サンプル

item 1

item 2

item 3

CSS

CSS3逆引きリファレンス一覧へ戻る