Stijl flexGrow Property
Voorbeeld
Laat het blauwe DIV-element vijf keer breder worden dan de rest van de flexibele items:
document.getElementById("myBlueDiv").style.flexGrow = "5";
Definitie en gebruik
De eigenschap flexGrow geeft aan hoeveel het item zal groeien ten opzichte van de rest van de flexibele items in dezelfde container.
Opmerking: Als het element geen flexibel item is, heeft de eigenschap flexGrow geen effect.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
flexGrow | Yes | 11.0 | Yes | 9.0 | Yes |
Syntaxis
Retourneer de eigenschap flexGrow:
object.style.flexGrow
Stel de eigenschap flexGrow in:
object.style.flexGrow = "number|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
number | A number specifying how much the item will grow relative to the rest of the flexible items. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | 0 |
---|---|
Winstwaarde: | Een String, die de eigenschap flex-grow van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-referentie: eigenschap flex-grow
HTML DOM STYLE Referentie: flex eigenschap
HTML DOM STYLE Referentie: flexBasis eigenschap
HTML DOM STYLE Referentie: flexDirection eigenschap
HTML DOM STYLE Referentie: flexFlow eigenschap
HTML DOM STYLE Referentie: flexShrink eigenschap
HTML DOM STYLE Referentie: flexWrap eigenschap
❮ Stijlobject