---
title: Conteneur de grille
slug: Glossaire/grid_container
tags:
  - CSS
  - Glossaire
  - Grille
translation_of: Glossary/Grid_Container
---
<p> </p>

<p>Utiliser la valeur <code>grid</code> ou <code>inline-grid</code> sur un élément le transforme en un conteneur de grille utilisant <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a>, et les enfants directs de celui-ci deviennent un élément de cette grille.</p>

<p>Quand un élément devient un conteneur de grille il établit un <strong>contexte</strong><strong> de </strong><strong>formatage</strong><strong> de grille</strong> (grid formatting context). Les enfants directs peuvent dorénavent se placer sur une grille explicite définie utilisant  {{cssxref("grid-template-columns")}} et {{cssxref("grid-template-rows")}}, ou sur une grille implicite créée quand un élément est placé en dehors de la grille explicite.</p>

<p> </p>

<h2 id="En_apprendre_plus">En apprendre plus</h2>

<h3 id="Référence_de_la_propriété">Référence de la propriété</h3>

<ul>
 <li>{{cssxref("grid-template-columns")}}</li>
 <li>{{cssxref("grid-template-rows")}}</li>
 <li>{{cssxref("grid-auto-columns")}}</li>
 <li>{{cssxref("grid-auto-rows")}}</li>
 <li>{{cssxref("grid")}}</li>
 <li>{{cssxref("grid-template")}}</li>
</ul>

<h3 id="En_lire_plus">En lire plus</h3>

<ul>
 <li>Guide des grilles CSS <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic concepts of grid layout</a></em></li>
</ul>

<p> </p>