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

grid-auto-flowプロパティ

 grid-auto-flowプロパティは、display:grid;によるエレメント(グリッドコンテナ)の領域を自動的に行方向または列方向に拡張するプロパティです。
 グリッドコンテナ内に子エレメント(グリッドアイテム)が入りきらない場合に指定します。

グリッドコンテナを行方向に伸長(*初期値)
grid-auto-flow: row;

構文(Syntax)

CSS

grid-auto-flow:  row | column | dense | row dense | column dense ;

DOM(JavaScript)

値の取得
String = object.style.gridAutoFlow;
値の設定
object.style.gridAutoFlow=" row | column | dense | row dense | column dense ";

Values

Value摘要
row初期値(default値)、行方向に拡張
column列方向に拡張
dense空きスペースを埋めるように自動配置
row dense行方向の空きスペースを埋めるように自動配置
column dense列方向の空きスペースを埋めるように自動配置

備考(Remarks)

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