Chapter 10無料公開

縦構造: グリッド列/Grid column

グリッド列とは、webページの構成で、 縦の列(column) に該当します。

この図の青い領域が、グリッド列の範囲です。

この範囲(グリッド列)を操作するには、以下のプロパティが用意されています。

こちらのプロパティは、使用頻度が高く、優先的に使用できるようになると良いものです。

プロパティ名 役割
grid-template-columns 列(column)の横幅の大きさを指定するプロパティ

プロパティ名が複数形の columns であることに気がついたでしょうか?
これは、 grid-template-columnsが、グリッドコンテナーに付与するプロパティだからです。