Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Alignement de boîte CSS

Le module d'alignement de boîte CSS définit les fonctionnalités CSS relatives à l'alignement des boîtes dans leurs conteneurs. Il définit l'alignement des différents modèles de mise en page CSS, y compris la mise en page en bloc, la mise en page en tableau, la mise en page flexible (flexbox) et la mise en page en grille, créant une méthode d'alignement cohérente dans tout le CSS.

Le module détaille la terminologie de l'alignement, permettant aux propriétés d'alignement d'être utilisées dans plusieurs modules de mise en page, plutôt que d'être limitées à une méthode de mise en page particulière.

L'alignement est lié aux modes d'écriture en ce sens que lorsque nous alignons un élément, nous ne considérons pas si nous l'alignons par rapport aux dimensions physiques de haut, droite, bas et gauche. Au lieu de cela, nous décrivons l'alignement en termes de début et de fin de la dimension particulière sur laquelle nous travaillons. Cela garantit que l'alignement fonctionne de la même manière quel que soit le mode d'écriture du document.

L'alignement du texte et du contenu en ligne est défini respectivement dans le module de texte CSS et le module de disposition en ligne CSS.

Référence

Propriétés CSS

Types de données

Termes et définitions

Guides

Aperçu de l'alignement des boîtes

Aperçu des concepts généraux trouvés dans le module d'alignement des boîtes CSS.

Alignement des boîtes dans des boîtes flexibles

Comment l'alignement des boîtes fonctionne dans le contexte des boîtes flexibles.

Alignement des boîtes dans la mise en page en grille CSS

Comment l'alignement des boîtes fonctionne dans le contexte de la mise en page en grille.

Alignement des boîtes dans la mise en page multi-colonnes

Comment l'alignement des boîtes fonctionne dans le contexte de la mise en page multi-colonnes.

Alignement des boîtes pour la mise en page en bloc, positionnée absolument et en tableau

Comment l'alignement des boîtes fonctionne dans le contexte de la mise en page en bloc, y compris les éléments flottants, positionnés et en tableau.

Concepts associés

Spécifications

Spécification
CSS Box Alignment Module Level 3

Voir aussi