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

flex-flowプロパティ

 flex-flowプロパティは、flex-directionflex-wrapを一括指定するプロパティです。 エレメントがdisplay:flex;の場合に機能し、子エレメントの並び方向とその折り返しを指定します。

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

構文(Syntax)

CSS

flex-flow: flex-direction flex-wrap | initial | inherit ;

DOM(JavaScript)

値の取得
String = object.style.flexFlow;
値の設定
object.style.flexFlow=" flex-direction flex-wrap | initial | inherit ";

Values

Value摘要
flex-direction初期値(default値)はrow、横並びか縦並びを設定
flex-wrap折り返しの有無
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

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