Axe de grille

La mise en page en grille CSS (CSS grid layout en anglais) est une méthode de disposition bidimensionnelle permettant de disposer le contenu en lignes et en colonnes. Ainsi, dans toute grille, nous avons deux axes. L'axe de bloc ou axe des colonnes, et l'axe en ligne ou axe des lignes.

C'est le long de ces axes que les éléments peuvent être alignés et justifiés à l'aide des propriétés définies dans la spécification Box Alignment.

L'axe en ligne (aussi appelé axe des lignes ou axe principal) correspond à la direction dans laquelle le texte s'écoule normalement. L'axe de bloc (aussi appelé axe des colonnes ou axe secondaire) est l'axe utilisé pour disposer les blocs de texte. La direction physique de ces axes peut changer selon le mode d'écriture du document.

Par exemple, si vous écrivez de gauche à droite et de haut en bas (comme dans la prose française ou anglaise), les caractères individuels sont placés le long de l'axe en ligne, qui va de la gauche vers la droite.

Et, si le texte contient plusieurs lignes, celles-ci sont placées le long de l'axe de bloc, qui va du haut vers le bas.