aboutsummaryrefslogtreecommitdiff
path: root/files/fr/glossary/grid_column/index.md
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/glossary/grid_column/index.md')
-rw-r--r--files/fr/glossary/grid_column/index.md32
1 files changed, 32 insertions, 0 deletions
diff --git a/files/fr/glossary/grid_column/index.md b/files/fr/glossary/grid_column/index.md
new file mode 100644
index 0000000000..41cebe835b
--- /dev/null
+++ b/files/fr/glossary/grid_column/index.md
@@ -0,0 +1,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>