Exemple
Laissez l'élément DIV bleu croître cinq fois plus large que le reste des éléments flexibles:
document.getElementById("myBlueDiv".style.flexGrow = "5"; Essayez vous - même » Définition et utilisation
La propriété flexGrow indique à quel point l'élément augmentera par rapport au reste des éléments flexibles à l'intérieur du même conteneur.
Note: Si l'élément n'est pas un élément flexible, la propriété flexGrow n'a aucun effet.
Support du navigateur
La propriété flexGrow est pris en charge dans IE10 +, Firefox, Opera et Chrome.
Remarque: Safari 6.1+ prend en charge une alternative, la propriété WebkitFlexGrow.
Syntaxe
Retour la propriété flexGrow:
object .style.flexGrow Définissez la propriété flexGrow:
object .style.flexGrow=" Valeurs de propriété Valeur La description number Un nombre spécifiant à quel point l'élément augmentera par rapport au reste des éléments flexibles. La valeur par défaut est 0 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: 0 Valeur de retour: Une chaîne, ce qui représente la propriété flex-croissance d'un élément version CSS CSS3
Pages associées
Référence CSS: flex-grow property
HTML DOM STYLE Référence: 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: flexShrink property
HTML DOM STYLE Référence: flexWrap property
<Style objet