子ブロックをグリッド状に並べたいときに使用するブロックです。通常のレスポンシブグリッドブロックと違い、区切り線を表示することができます。
サンプル
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cill
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cill
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cill
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
設定
HTML 要素
ブロックの HTML タグを変更できます。
カラムの最小幅
カラムの幅がこの幅より小さくなったとき、カラムは1列に並びます。
自動反復
自動反復(auto-repeat
)を設定できます。
auto-fill
の場合、カラムのサイズを維持します。auto-fit
の場合、空きスペースを埋めるようにカラムが伸長します。
区切り
区切り線を設定できます。
間隔
子ブロック間の間隔(gap
)を設定できます。