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

flex-wrapプロパティ

 flex-wrapプロパティは、display:flex;によって横並びにした子エレメントを折り返す、折り返さないを指定するプロパティです。

 flex-wrapプロパティを使うには、エレメントにdisplay:flex;を設定していなければなりません。

折り返しを指定
div{
	display:flex;
	flex-wrap: wrap;
}

構文(Syntax)

CSS

flex-wrap: nowrap | wrap | wrap-reverse | initial | inherit ;

DOM(JavaScript)

値の取得
String = object.style.flexWrap;
値の設定
object.style.flexWrap=" nowrap | wrap | wrap-reverse | initial | inherit ";

Values

Value摘要
nowrap初期値(default値)、折り返しなし
wrap折り返す
wrap-reverse逆順に並べて折り返す
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)nowrap
継承(Inherited)No
CSS AnimationNo