blob: da8e08b658042744b22bb0cbbd7b32a2ba934edf (
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
32
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>
|
