Propriété de style alignItems
Exemple
Positionnez les alignements de tous les éléments de l'élément flexible <div> au début du conteneur :
document.getElementById("main").style.alignItems = "flex-start";
Définition et utilisation
La propriété alignItems spécifie l'alignement par défaut des éléments à l'intérieur du conteneur flexible.
Astuce : Utilisez la propriété align-self de chaque élément pour remplacer la propriété align-items.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Les nombres suivis de Webkit spécifient la première version qui a fonctionné avec un préfixe.
Property | |||||
---|---|---|---|---|---|
alignItems | 21.0 | 11.0 | 20.0 | 9.0 7.0 Webkit |
12.1 |
Syntaxe
Renvoyez la propriété alignItems :
object.style.alignItems
Définissez la propriété alignItems :
object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
stretch | Default. Items are stretched to fit the container |
center | Items are positioned at the center of the container |
flex-start | Items are positioned at the beginning of the container |
flex-end | Items are positioned at the end of the container |
baseline | Items are positioned at the baseline of the container |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | s'étirer |
---|---|
Valeur de retour : | Une chaîne, représentant la propriété align-items d'un élément |
Version CSS | CSS3 |
Pages connexes
Référence CSS : propriété align-items
Référence HTML DOM STYLE : propriété alignContent
Référence HTML DOM STYLE : propriété alignSelf