CSS3: grid プロパティ - グリッドの一括指定

■ 概要

項  目説  明
記述形式 セレクタ {grid: }
値 の形式 grid-template grid-auto-flow [grid-auto-columns [ / grid-auto-rows] ]
初 期 値 各プロパティの初期値
対応ブラウザー C?+ / e?+ / Fx?+ / Op?+ / Ch?+ / Sa?+
適用可能な要素 グリッド・コンテナ
継  承 各プロパティを参照

■ 解説

grid プロパティ は,グリッドの一括指定 をします。

grid-templategrid-auto-flowgrid-auto-columnsgrid-auto-rows の4つのプロパティをまとめて指定することが可能です。 これら4つのプロパティそれぞれの詳細については,各プロパティの説明を参照してください。

ただし,grid-auto-rows プロパティを指定する際には,grid-auto-columns プロパティは省略できません。  grid-auto-columns プロパティの後に " / " をはさんで続けて書きます。

説  明
grid-template グリッドの配置を一括指定します。
grid-auto-flow グリッドの拡張方向を指定します。
grid-auto-columns 空白(要素をもたない)グリッド・トラックに割り当てる列幅を指定します。
grid-auto-rows 空白(要素をもたない)グリッド・トラックに割り当てる行幅を指定します。

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

現在準備中です。

■ 備考

【参考ページ】