Exemple
Que tous les éléments flexibles soient de la même longueur, regardles de son contenu:
for (i = 0; i < y.length; i++) {
y[i].style.flex = "1";
}
Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de flexion ou retourne la longueur de l'élément, par rapport au reste des éléments de flexibel à l'intérieur du même récipient.
La propriété flex est un raccourci pour la flexGrow, flexShrink et les propriétés flexBasis.
Note: Si l'élément n'est pas un élément flexible, la propriété flex n'a pas d' effet.
Support du navigateur
La propriété flex est pris en charge dans tous les navigateurs principaux, à l'exception de Safari.
Remarque: La propriété flex est pas pris en charge IE 9 ou plus tôt, dans IE 10 cette propriété est pris en charge par le préfixe MS. IE11 et les versions plus récentes prennent en charge entièrement la propriété flex (ne pas besoin du préfixe ms).
Remarque: Safari 6.1+ prend en charge une alternative, la propriété WebkitFlex.
Syntaxe
Retour la propriété flex:
object .style.flexDéfinissez la propriété flex:
object .style.flex=" Valeurs de propriété Valeur La description flex-grow Un nombre spécifiant à quel point l'élément augmentera par rapport au reste des éléments flexibles flex-shrink Un nombre spécifiant combien l'élément diminuera par rapport au reste des éléments flexibles flex-basis La longueur de l'élément. Les valeurs légales: "auto" , "inherit" , ou un nombre suivi par "%" , "px" , "em" ou toute autre unité de longueur auto Identique à 1 1 auto. initial Identique à 0 1 auto. Lisez à propos initial none Identique à 0 0 auto. inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: 0 1 auto Valeur de retour: Une chaîne, ce qui représente la propriété de flexion d'un élément version CSS CSS3
Pages associées
Référence CSS: flex property
HTML DOM STYLE Référence: flexBasis property
HTML DOM STYLE Référence: flexDirection property
HTML DOM STYLE Référence: flexFlow property
HTML DOM STYLE Référence: flexGrow property
HTML DOM STYLE Référence: flexShrink property
HTML DOM STYLE Référence: flexWrap property
<Style objet