グリッドレイアウトの行列の配置および結合

グリッドレイアウトで行列の配置および結合を指定するには、列はgrid-columnプロパティ、行はgrid-rowプロパティを使用します。

grid-columnプロパティはgrid-column-startプロパティ、grid-column-endプロパティのショートハンド、grid-rowプロパティはgrid-row-startプロパティ、grid-row-endプロパティのショートハンドです。

なお、IEは行列の結合を行うには、列は-ms-grid-column-spanプロパティ、行は-ms-grid-row-spanプロパティを使用します。

							grid-column:左からの開始位置; ※
							または
							grid-column:左からの開始位置 / 左からの終了位置;

							grid-row:上からの開始位置; ※
							または
							grid-row:上からの開始位置 / 上からの終了位置;

CSS