blob: 2664a569f8cfcf58d5374f9adcf3972321f4d075 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
---
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>
|
