CSSグリッドのコンセプトを詳しく学習する前に、CSSグリッドを理解するために必要な用語を学びます。
名前が似通っているものが多いので、ここでしっかり区別がつくようにしておきましょう。
CSSグリッドを理解する上で、知っておきたい用語は以下の10個です。
- グリッドコンテナー
- グリッドアイテム
- グリッド軸(Grid axis)
- グリッド列/Grid column
- グリッド行/Grid row
- グリッド線/Grid line
- グリッドセル
- グリッドトラック
- グリッド領域/Grid areas
- 溝/ガター(Gutters)
次のチャプターから1つずつ見ていきましょう。