blob: c6c5b2f74cc8364a805d7285097281681e9e96b0 (
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
|
---
title: Colonne de grille
slug: Glossaire/Colonne_de_grille
tags:
- CSS
- Glossaire
- Grilles
translation_of: Glossary/Grid_Column
---
<p>Une <strong>colonne de grille</strong> est une piste verticale dans une <a href="https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Grid_Layout">grille CSS</a>, <span id="result_box" lang="fr"><span>et est l'espace entre deux lignes de grille verticales.</span> Elle<span> est définie par la propriété</span></span> {{cssxref("grid-template-columns")}} ou les propriétés raccourcies {{cssxref("grid")}} ou {{cssxref("grid-template")}}.</p>
<p><span id="result_box" lang="fr"><span>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.</span> <span>Ces colonnes seront automatiquement redimensionnées ou peuvent avoir une taille spécifiée avec</span></span> la propriété {{cssxref("grid-auto-columns")}}.</p>
<p><span class="short_text" id="result_box" lang="fr"><span>Lorsque vous travaillez avec l'alignement dans</span></span> <a href="https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Grid_Layout">les grilles CSS</a>, <span id="result_box" lang="fr"><span>l'axe vers le bas duquel les colonnes s'exécutent est connu comme l'axe de</span></span><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="https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Grid_Layout/Les_concepts_de_base">Les concepts de base des grilles CSS</a></em></li>
</ul>
|
