Chapter 05無料公開

CSSグリッドの概念理解に必要な用語

CSSグリッドのコンセプトを詳しく学習する前に、CSSグリッドを理解するために必要な用語を学びます。

名前が似通っているものが多いので、ここでしっかり区別がつくようにしておきましょう。

CSSグリッドを理解する上で、知っておきたい用語は以下の10個です。

  1. グリッドコンテナー
  2. グリッドアイテム
  3. グリッド軸(Grid axis)
  4. グリッド列/Grid column
  5. グリッド行/Grid row
  6. グリッド線/Grid line
  7. グリッドセル
  8. グリッドトラック
  9. グリッド領域/Grid areas
  10. 溝/ガター(Gutters)

次のチャプターから1つずつ見ていきましょう。