diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 12:36:08 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 12:36:08 +0100 |
commit | 39f2114f9797eb51994966c6bb8ff1814c9a4da8 (patch) | |
tree | 66dbd9c921f56e440f8816ed29ac23682a1ac4ef /files/fr/glossary/grid_axis | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.gz translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.bz2 translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.zip |
unslug fr: move
Diffstat (limited to 'files/fr/glossary/grid_axis')
-rw-r--r-- | files/fr/glossary/grid_axis/index.html | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/files/fr/glossary/grid_axis/index.html b/files/fr/glossary/grid_axis/index.html new file mode 100644 index 0000000000..0eba3c87b3 --- /dev/null +++ b/files/fr/glossary/grid_axis/index.html @@ -0,0 +1,32 @@ +--- +title: Axe de grille +slug: Glossaire/Axe_de_grille +tags: + - CSS + - Glossaire + - Grilles +translation_of: Glossary/Grid_Axis +--- +<p><span id="result_box" lang="fr"><span>La grille CSS est une méthode de mise en page bidimensionnelle permettant une présentation du contenu en lignes et colonnes.</span> <span>Par conséquent, dans toute grille, nous avons deux axes.</span> <span>L'axe du "bloc" ou de la colonne et l'axe "en ligne" ou de la ligne.</span></span></p> + +<p><span id="result_box" lang="fr"><span>C'est sur ces axes que les items peuvent être alignés et justifiés en utilisant les propriétés définies dans</span></span> <a href="https://developer.mozilla.org/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<span id="result_box" lang="fr"><span> utilisé lors de la disposition des blocs de texte</span></span> . Si vous avez 2 paragraphes et travaillez de droite à gauche, <span id="result_box" lang="fr"><span>du haut vers le bas, ils s'alignent les uns au-dessus des autres, sur l'axe du bloc.</span></span></p> + +<p><img alt="Diagram showing the block axis in CSS Grid Layout." src="https://mdn.mozillademos.org/files/14775/7_Block_Axis.png" style="height: 306px; width: 940px;"></p> + +<p><span id="result_box" lang="fr"><span>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é.</span> <span>Ce sont nos lignes dans la mise en page des grilles CSS.</span></span></p> + +<p><img alt="Diagram showing the inline axis in CSS Grid Layout." src="https://mdn.mozillademos.org/files/14773/7_Inline_Axis.png" style="height: 306px; width: 940px;"></p> + +<p>La direction physique de ces axes peut changer en fonction du <a href="https://developer.mozilla.org/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="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> + <li>Guide des grilles CSS : <em><a href="https://developer.mozilla.org/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="https://developer.mozilla.org/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> |