CSS3: grid-template プロパティ - グリッド・テンプレートの一括指定

■ 概要

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

■ 解説

grid-template プロパティ は，グリッド・テンプレートの一括指定，すなわち， grid-template-columns，grid-template-rows， grid-template-areas の３つのプロパティの一括指定をします。

指定できる値の形式には，以下のとおり３つのパターンがあります。

値説　　明
none ３つのプロパティ全ての値を初期値の none にします。
grid-template-columns
/ grid-template-rows		 grid-template-columns と grid-template-rows を指定値にして，grid-template-areas の値は none にします。
[ トラックリスト / ]
[
　　[ ID名 ]
　　文字列
　　[ トラック・サイズ ID名 ]
]＋
  1. grid-template-columns の値を "/" の前の トラックリスト で指定します。 　この値を省略した場合は，none になります。
  2. grid-template-areas の値を "/" の後に指定します 。
  3. ID名 を挟んだ（複数の）トラック・サイズ のリストで grid-template-rows を指定します。　ただし，トラック・サイズの指定が ないものは，auto になります。

■ 使用例（ grid-template プロパティの利用）

現在準備中です。

■ 備考

【参考ページ】