CSS3: grid-auto-flow プロパティ - グリッドの拡張方向の指定

■ 概要

項  目説  明
記述形式 セレクタ {grid-auto-flow: }
値 の形式 none | [ rowscolumns ] [ dense ]
初 期 値 none
対応ブラウザー C?+ / e?+ / Fx?+ / Op?+ / Ch?+ / Sa?+
適用可能な要素 グリッド・コンテナ
継  承 しない

■ 解説

grid-auto-flowプロパティ は,グリッドの拡張方向 を指定します。

指定できる値の形式は,以下のとおりです。

説  明
none 自動配置のアルゴリズムを使用しないで,グリッド・コンテナの子要素を grid-auto-position プロパティに従って配置します 。
rows グリッド・コンテナの子要素を順に行方向に並べて詰めて行き,必要に応じて新しい行を追加します。
columns グリッド・コンテナの子要素を順に列方向に並べて詰めて行き,必要に応じて新しい列を追加します。
dense 指定された場合,稠密詰め込みアルゴリズム(dense packing algorithm)を使用します。 このアルゴリズムは,後からサイズが小さい子要素が入ってきた場合に収容可能な「穴」を探して詰め込むことを試みます。

■ 使用例( grid-auto-flows プロパティの利用)

現在準備中です。

■ 備考

【参考ページ】