diff options
author | julieng <julien.gattelier@gmail.com> | 2021-11-15 21:40:53 +0100 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-11-15 21:55:31 +0100 |
commit | 7a89da1bf309b748ff4f4be5b16f8d9d148cbe8e (patch) | |
tree | 1e5d89ff08a80c6a5311b703cd11c2e91b342622 /files/fr/glossary/grid_axis/index.md | |
parent | 6f6e297fbfa7867b1f42c4245df20f4282b3b083 (diff) | |
download | translated-content-7a89da1bf309b748ff4f4be5b16f8d9d148cbe8e.tar.gz translated-content-7a89da1bf309b748ff4f4be5b16f8d9d148cbe8e.tar.bz2 translated-content-7a89da1bf309b748ff4f4be5b16f8d9d148cbe8e.zip |
move *.html to *.md
Diffstat (limited to 'files/fr/glossary/grid_axis/index.md')
-rw-r--r-- | files/fr/glossary/grid_axis/index.md | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/files/fr/glossary/grid_axis/index.md b/files/fr/glossary/grid_axis/index.md new file mode 100644 index 0000000000..da8e08b658 --- /dev/null +++ b/files/fr/glossary/grid_axis/index.md @@ -0,0 +1,33 @@ +--- +title: Axe de grille +slug: Glossary/Grid_Axis +tags: + - CSS + - Glossaire + - Grilles +translation_of: Glossary/Grid_Axis +original_slug: Glossaire/Axe_de_grille +--- +<p>La grille CSS est une méthode de mise en page bidimensionnelle permettant une présentation du contenu en lignes et colonnes. Par conséquent, dans toute grille, nous avons deux axes. L'axe du "bloc" ou de la colonne et l'axe "en ligne" ou de la ligne.</p> + +<p>C'est sur ces axes que les items peuvent être alignés et justifiés en utilisant les propriétés définies dans <a href="/fr/docs/Web/CSS/CSS_Grid_Layout/Alignement_des_bo%C3%AEtes_avec_les_grilles_CSS">les spécifications de l'alignement des boîtes</a>.</p> + +<p>En CSS l'axe des colonnes (ou des blocs) est l'axe utilisé lors de la disposition des blocs de texte . Si vous avez 2 paragraphes et travaillez de droite à gauche, du haut vers le bas, ils s'alignent les uns au-dessus des autres, sur l'axe du bloc.</p> + +<p><img alt="Diagram showing the block axis in CSS Grid Layout." src="7_block_axis.png"></p> + +<p>L'axe de la ligne (ou en ligne) parcourt l'axe des blocs et représente la direction dans laquelle le texte est déployé. Ce sont nos lignes dans la mise en page des grilles CSS.</p> + +<p><img alt="Diagram showing the inline axis in CSS Grid Layout." src="7_inline_axis.png"></p> + +<p>La direction physique de ces axes peut changer en fonction du <a href="/fr/docs/Web/CSS/CSS_Grid_Layout/Les_grilles_CSS_les_valeurs_logiques_les_modes_d_%C3%A9criture">mode d'écriture</a> du document.</p> + +<h2 id="En_apprendre_plus">En apprendre plus</h2> + +<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> + <li>Guide des grilles CSS : <em><a href="/fr/docs/Web/CSS/CSS_Grid_Layout/Alignement_des_bo%C3%AEtes_avec_les_grilles_CSS">L'alignement des boîtes avec les grilles CSS</a></em></li> + <li>Guide des grilles CSS : <em><a href="/fr/docs/Web/CSS/CSS_Grid_Layout/Les_grilles_CSS_les_valeurs_logiques_les_modes_d_%C3%A9criture">Les grilles CSS, les valeurs logiques et les modes d'écriture</a></em></li> +</ul> |