--- title: Conteneur de grille slug: Glossary/Grid_Container tags: - CSS - Glossaire - Grille translation_of: Glossary/Grid_Container original_slug: Glossaire/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>