diff options
Diffstat (limited to 'files/fr/glossary/grid_column/index.html')
-rw-r--r-- | files/fr/glossary/grid_column/index.html | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/files/fr/glossary/grid_column/index.html b/files/fr/glossary/grid_column/index.html new file mode 100644 index 0000000000..44209337f2 --- /dev/null +++ b/files/fr/glossary/grid_column/index.html @@ -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="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> |