Style eigenschap flexGrow

definitie en gebruik

flexGrow De eigenschap bepaalt hoeveel het item zal groeien ten opzichte van andere flexibele items binnen dezelfde container.

opmerking:Als het element geen flexibel item is, flexGrow Eigenschap ongeldig.

Zie ook:

CSS referentiemanual:flex-grow eigenschap

voorbeeld

Laat de blauwe DIV-elementen vijf keer groter worden dan andere flexibele items:

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

Probeer het zelf uit

syntaxis

Terugkeer de eigenschap flexGrow:

object.style.flexGrow

Stel de eigenschap flexGrow in:

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

eigenschapswaarde

waarde beschrijving
number een getal dat de incrementele waarde van het item ten opzichte van andere flexibele items regelt. De standaardwaarde is 0.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouderlijke element. Raadpleeg inherit.

technische details

standaardwaarde: 0
terugkeerwaarde: een string die de flex-grow eigenschap.
CSS versie: CSS3

browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ondersteuning 11.0 ondersteuning 9.0 ondersteuning

gerelateerde pagina's

HTML DOM STYLE referentiemanual:flex eigenschap

HTML DOM STYLE referentiemanual:flexBasis eigenschap

HTML DOM STYLE referentiemanual:flexDirection eigenschap

HTML DOM STYLE referentiemanual:flexFlow eigenschap

HTML DOM STYLE referentiemanual:flexShrink eigenschap

HTML DOM STYLE referentiemanual:flexWrap eigenschap