<content-position>
Le type de données énuméré CSS <content-position> est utilisé par les propriétés justify-content et align-content, ainsi que par le raccourci place-content, pour aligner le contenu de la boîte à l'intérieur de celle-ci.
Syntaxe
<content-position> = center | start | end | flex-start | flex-end
Valeurs
Le type de valeur énuméré <content-position> se spécifie à l'aide de l'un des mots-clés suivants :
center-
Centre le sujet d'alignement dans son conteneur d'alignement.
start-
Aligne le sujet d'alignement contre le bord de début du conteneur d'alignement.
end-
Aligne le sujet d'alignement contre le bord de fin du conteneur d'alignement.
flex-start-
En mode flex, aligne le sujet d'alignement contre le bord du conteneur d'alignement correspondant au côté main-start ou cross-start du conteneur flex, selon le cas. Il est identique à
startpour les autres modes de mise en page. flex-end-
En mode flex, aligne le sujet d'alignement contre le bord du conteneur d'alignement correspondant au côté main-end ou cross-end du conteneur flex, selon le cas. Identique à
endpour les autres modes de mise en page.
Note :
Les mots-clés left et right sont exclus de <content-position>, bien qu'ils soient des valeurs d'alignement valides pour les propriétés justify-* (justify-content, justify-self et justify-items), car ils ne sont pas autorisés dans les propriétés align-* (align-content, align-self et align-items). Ils sont explicitement inclus dans la grammaire des propriétés justify-*.
Spécifications
| Specification |
|---|
| CSS Box Alignment Module Level 3 # typedef-content-position |
Voir aussi
- Propriétés utilisant ce type de donnée :
align-content,justify-content,place-content - Autres types de données d'alignement de boîte :
<baseline-position>,<content-distribution>,content-position,<overflow-position>et<self-position> - Le module d'Alignement des boîtes CSS
- Le module Flexbox CSS
- Le module de Grille CSS