Style flexGrow egenskap

Definition och användning

flexGrow Egenskapen definierar hur mycket objektet kommer att växa jämfört med andra elastiska objekt i samma behållare.

Kommentar:Om elementet inte är ett elastiskt objekt, flexGrow Egenskapen är ogiltig.

Se också:

CSS referenshandbok:flex-grow egenskap

Exempel

Låt den blå DIV-elementet växa fem gånger mer än andra elastiska objekt:

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

Prova själv

Syntax

Returnera flexGrow egenskap:

object.style.flexGrow

Ställ in flexGrow egenskap:

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

Egenskapsvärde

Värde Beskrivning
number Nummer, som reglerar ökningen av objektet jämfört med andra elastiska objekt. Standardvärdet är 0.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inheritera denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: 0
Returvärde: Sträng, som representerar elementets flex-grow egenskap.
CSS version: CSS3

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarens version som helt stöder denna egenskap.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd 11.0 Stöd 9.0 Stöd

Relaterade sidor

HTML DOM STIL referenshandbok:flex egenskap

HTML DOM STIL referenshandbok:flexBasis egenskap

HTML DOM STIL referenshandbok:flexDirection egenskap

HTML DOM STIL referenshandbok:flexFlow egenskap

HTML DOM STIL referenshandbok:flexShrink egenskap

HTML DOM STIL referenshandbok:flexWrap egenskap