Derniers tutoriels de développement web
 

Style alignItems Property

<Style objet

Exemple

Placez les alignements pour tous les éléments de la flexibilité <div> élément au début du conteneur:

// Code for Safari 7.0+
document.getElementById("main").style.WebkitAlignItems = "flex-start";

// Standard syntax
document.getElementById("main").style.alignItems = "flex-start";
Essayez vous - même »

Définition et utilisation

La propriété alignItems spécifie l'alignement par défaut pour les éléments à l'intérieur du conteneur souple.

Tip: Utilisez la propriété align-auto de chaque élément pour remplacer la propriété align-éléments.

Support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.

Les chiffres suivis par Webkit précisent la première version qui a travaillé avec un préfixe.

Propriété
alignItems 21,0 11.0 20.0 7.0 Webkit 12.1

Note: Le support Safari une alternative, la propriété WebkitAlignItems.

Syntaxe

Retour 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é

Valeur La description
stretch Défaut. Les articles sont étirés pour remplir le récipient
center Les éléments sont positionnés au centre du récipient
flex-start Les éléments sont positionnés au début du conteneur
flex-end Les éléments sont positionnés à l'extrémité du récipient
baseline Les éléments sont positionnés à la base du récipient
initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial
inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront

Détails techniques

Valeur par défaut: étendue
Valeur de retour: Une chaîne, ce qui représente la propriété align-éléments d'un élément
version CSS CSS3

Pages associées

Référence CSS: align-items property

HTML DOM STYLE Référence: alignContent property

HTML DOM STYLE Référence: alignSelf property

<Style objet