Propriété alignItems Style

Définition et utilisation

alignItems Cette propriété détermine la méthode d'alignement par défaut des éléments dans le conteneur flexible.

Conseil :Utilisez l'attribut de chaque élément align-self attribut Pour couvrir align-items attribut.

Exemple

Aligner les éléments de tous les éléments <div> flexibles au début du conteneur :

document.getElementById("main").style.alignItems = "flex-start";

Essayez-le vous-même

Syntaxe

Retourne alignItems attribut :

object.style.alignItems

Définir alignItems attribut :

object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"

Valeur de l'attribut

Valeur Description
stretch Par défaut. Les éléments sont étirés pour s'adapter au conteneur.
center Les éléments sont situés au centre du conteneur.
flex-start Les éléments sont situés au début du conteneur.
flex-end Les éléments sont situés à la fin du conteneur.
baseline Les éléments sont positionnés sur la ligne de base du conteneur.
initial Réinitialisez cette propriété à sa valeur par défaut. Voir initial.
inherit Cette propriété hérite de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : stretch
Valeur de retour : Une chaîne de caractères, représentant l'élément align-items attribut.
Version CSS : CSS3

Support du navigateur

alignItems C'est une fonctionnalité CSS3 (1999).

Tous les navigateurs le supportent pleinement :

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Supporté Supporté Supporté Supporté Supporté 11

Pages associées

Manuel de référence CSS :align-items attribut

Manuel de référence HTML DOM STYLE :Propriété alignContent

Manuel de référence HTML DOM STYLE :Propriété alignSelf