<self-position>
Le type de donnée énuméré CSS <self-position> est employé par les propriétés justify-self et align-self, ainsi que par le raccourci place-self, pour aligner la boîte dans son conteneur d'alignement. Il est également utilisé par les propriétés justify-items et align-items, ainsi que par le raccourci place-items, pour définir les valeurs par défaut de justify-self et align-self.
Syntaxe
<self-position> = center | start | end | self-start | self-end | flex-start | flex-end
Valeurs
Les mots‑clés représentés par le terme de grammaire <self-position> sont les 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.
self-start-
Aligne le sujet d'alignement contre le bord du conteneur d'alignement correspondant au côté de début du sujet d'alignement.
self-end-
Aligne le sujet d'alignement contre le bord du conteneur d'alignement correspondant au côté de fin du sujet d'alignement.
flex-start-
Dans le modèle flex, aligne le sujet d'alignement contre le bord du conteneur d'alignement correspondant au main-start ou au cross-start du conteneur flex, selon le cas. Identique à
startpour les modes de disposition autres que flex. flex-end-
Dans le modèle flex, aligne le sujet d'alignement contre le bord du conteneur d'alignement correspondant au main-end ou au cross-end du conteneur flex, selon le cas. Identique à
endpour les modes de disposition autres que flex.
Note :
Les mots‑clés left et right sont exclus de <self-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 figurent en revanche explicitement dans la grammaire des propriétés justify-*.
Spécifications
| Specification |
|---|
| CSS Box Alignment Module Level 3 # typedef-self-position |
Voir aussi
- Les propriétés qui utilisent ce type de donnée :
align-self,justify-self,place-self,align-items,justify-items,place-items - Les autres types de données d'alignement des boîtes :
<baseline-position>,<content-distribution>,<overflow-position>, et<content-position> - Le module d'alignement des boîtes CSS
- Le module de disposition flexible des boîtes CSS
- Le module de disposition en grille CSS