blob: 41cebe835be8514eeec12e0262f96a2578f9f476 (
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
|
---
title: Colonne de grille
slug: Glossary/Grid_Column
tags:
- CSS
- Glossaire
- Grilles
translation_of: Glossary/Grid_Column
original_slug: Glossaire/Colonne_de_grille
---
<p>Une <strong>colonne de grille</strong> est une piste verticale dans une <a href="/fr/docs/Web/CSS/CSS_Grid_Layout">grille CSS</a>, et est l'espace entre deux lignes de grille verticales. Elle est définie par la propriété {{cssxref("grid-template-columns")}} ou les propriétés raccourcies {{cssxref("grid")}} ou {{cssxref("grid-template")}}.</p>
<p>De plus, des colonnes peuvent être créées dans la grille implicite lorsque les éléments sont placés en dehors des colonnes créées dans la grille explicite. Ces colonnes seront automatiquement redimensionnées ou peuvent avoir une taille spécifiée avec la propriété {{cssxref("grid-auto-columns")}}.</p>
<p>Lorsque vous travaillez avec l'alignement dans <a href="/fr/docs/Web/CSS/CSS_Grid_Layout">les grilles CSS</a>, l'axe vers le bas duquel les colonnes s'exécutent est connu comme l'axe de<em> colonne (ou bloc)</em>.</p>
<h2 id="En_apprendre_plus">En apprendre plus</h2>
<h3 id="Références_de_propriété">Références de propriété</h3>
<ul>
<li>{{cssxref("grid-template-columns")}}</li>
<li>{{cssxref("grid-auto-columns")}}</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="/fr/docs/Web/CSS/CSS_Grid_Layout/Les_concepts_de_base">Les concepts de base des grilles CSS</a></em></li>
</ul>
|