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

■ 概要

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

■ 解説

grid-column プロパティ は,列グリッドの一括指定, すなわち,grid-column-startgrid-column-end の2つのプロパティの一括指定をします。

両方のプロパティを指定するときには,grid-column-start プロパティの値の後に " / " をはさんで続けて書きます。

説  明
grid-column-start グリッド領域の列開始端のグリッド線を指定します。
grid-column-end グリッド領域の列終了端のグリッド線を指定します。
備  考 grid-column-end を省略した場合,grid-column-start の値が ID名 のときはその ID名 に,それ以外のときは auto になります。

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

現在準備中です。

■ 備考

【参考ページ】