Grid container
要素に grid
または inline-grid
を使用すると、CSS グリッドレイアウトのグリッドコンテナーになります。そして直下の子要素はグリッドアイテムになります。
要素がグリッドコンテナーになると、グリッド整形文脈を形成します。グリッドコンテナー直下の子要素は、grid-template-columns
や grid-template-rows
を使って明示的に定義されたグリッドや、明示的に定義されたグリッドの外側に置かれた時には暗黙的に形成されるグリッドに沿って、配置されます。
関連項目
プロパティリファレンス
さらなる文書
- CSS グリッドレイアウトガイド: グリッドレイアウトの基本概念