備忘録的プログラミングリファレンス

orderプロパティ

 orderプロパティは、display:flex;display:grid;によるエレメント(コンテナ)内で表示される順序を変更するプロパティです。

 orderプロパティは、コンテナ内の子エレメント(アイテム)に指定します。

アイテムの順序を替える
.flex_container{
	display: flex;
}
.flex_item01 {
	order: 2;
}.flex_item02 {
	order: 3;
}
.flex_item03 {
	order: 1;
}

構文(Syntax)

CSS

order: number | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.order;
値の設定
object.style.order="number | initial | inherit";

Values

Value摘要
0初期値(default値)
number整数値
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)0
継承(Inherited)No
CSS AnimationYes