Style flexGrow egenskab

definition og brug

flexGrow Egenskaben bestemmer, hvor meget projektet skal vokse i forhold til andre elastiske projekter i samme beholder.

kommentar:hvis elementet ikke er et elastisk element, flexGrow Egenskaben er ugyldig.

Se også:

CSS reference manual:flex-grow egenskab

eksempel

Lad den blå DIV-elementen vokse fem gange mere end andre elastiske elementer:

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

Prøv det selv

syntaks

Returner flexGrow egenskab:

object.style.flexGrow

Indstil flexGrow egenskab:

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

egenskabsværdi

værdi beskrivelse
number tal, der angiver projektets præference i forhold til andre elastiske projekter. Standardværdien er 0.
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arve denne egenskab fra sin forældrelement. Se inherit.

tekniske detaljer

Standardværdi: 0
Returneringsværdi: streng, der repræsenterer elementets flex-grow egenskab.
CSS version: CSS3

browser support

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
support 11.0 support 9.0 support

relaterede sider

HTML DOM STYLE reference manual:flex egenskab

HTML DOM STYLE reference manual:flexBasis egenskab

HTML DOM STYLE reference manual:flexDirection egenskab

HTML DOM STYLE reference manual:flexFlow egenskab

HTML DOM STYLE reference manual:flexShrink egenskab

HTML DOM STYLE reference manual:flexWrap egenskab