Propriété Style flexGrow

Définition et utilisation

flexGrow Cette propriété spécifie combien l'élément va augmenter par rapport aux autres éléments élastiques dans le même conteneur.

Remarque :Si l'élément n'est pas un élément élastique, alors flexGrow Attribut invalide.

Voir également :

Guide de CSSflex-grow

Exemple

Faites en sorte que le DIV bleu augmente cinq fois plus que les autres éléments élastiques :

document.getElementById("myBlueDiv").style.flexGrow = "5";

Essayez-le vous-même

Syntaxe

Retourner la propriété flexGrow :

object.style.flexGrow

Définir la propriété flexGrow :

object.style.flexGrow = "number|initial|inherit"

Valeur de l'attribut

Valeur Description
number Nombre, indiquant l'augmentation relative de l'élément par rapport aux autres éléments élastiques. La valeur par défaut est 0.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : 0
Valeur de retour : Chaîne, représentant l'élément flex-grow.
Version de CSS : CSS3

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge pleinement cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 11.0 Support 9.0 Support

Pages associées

Guide de style HTML DOMflex

Guide de style HTML DOMflexBasis

Guide de style HTML DOMflexDirection

Guide de style HTML DOMflexFlow

Guide de style HTML DOMflexShrink

Guide de style HTML DOMflexWrap