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

Alignment subject

Dans le module d'alignement des boîtes CSS, le sujet d'alignement est l'élément (ou les éléments) qui sont alignés à l'intérieur du conteneur d'alignement par la propriété.

Pour justify-self et align-self, le sujet d'alignement est la boîte de marge de la boîte sur laquelle la propriété est définie, en utilisant le mode d'écriture de cette boîte. Pour justify-content et align-content, le mode d'écriture de la boîte est également utilisé.

La définition du sujet d'alignement dépend du mode de disposition utilisé.

Conteneurs de blocs (y compris les cellules de tableau)

L'ensemble du contenu du bloc comme une seule unité.

Conteneurs multicolonnes

Les boîtes de colonne, avec tout espacement inséré entre les boîtes de colonne ajouté aux intervalles de colonne concernés.

Conteneurs flex

Pour justify-content, les éléments flex de chaque ligne flex. Pour align-content, les lignes flex. À noter, cela n'a d'effet que sur les conteneurs flex multi-lignes.

Conteneurs grille

Les pistes de grille dans l'axe approprié, avec tout espacement inséré entre les pistes ajouté aux gouttières concernées. Les gouttières fusionnées sont traitées comme une seule opportunité d'insertion d'espace.

Voir aussi