Neueste Web-Entwicklung Tutorials
 

Style flexGrow Property

<Style - Objekt

Beispiel

Lassen Sie das blaue DIV-Element fünfmal wächst breiter als der Rest der flexiblen Elemente:

document.getElementById("myBlueDiv".style.flexGrow = "5";
Versuch es selber "

Definition und Verwendung

Die flexGrow Eigenschaft gibt an, wie viel das Element an den Rest der flexiblen Elemente in dem gleichen Behälter relativ wachsen wird.

Note: Wenn das Element nicht ein flexibles Element ist, die flexGrow Eigenschaft hat keine Auswirkungen.


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Die flexGrow Eigenschaft wird in IE10 +, Firefox, Opera und Chrome unterstützt.

Hinweis: Safari 6.1 und höher unterstützt eine Alternative, die WebkitFlexGrow Eigenschaft.


Syntax

Bringen Sie die flexGrow Eigenschaft:

object .style.flexGrow

Stellen Sie die flexGrow Eigenschaft:

object .style.flexGrow=" Eigenschaftswerte
Wert Beschreibung
number Eine Zahl angibt, wie viel das Element an den Rest der flexiblen Elemente relativ wachsen wird. Der Standardwert ist 0
initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang
inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben

Technische Details

Standardwert: 0
Rückgabewert: Ein String, die die Bieger wachsen Eigenschaft eines Elements
CSS Version CSS3

Verwandte Seiten

CSS - Referenz: flex-grow property

HTML - DOM - ART - Referenz: flex property - flex property

HTML - DOM - ART - Referenz: flexBasis property

HTML - DOM - ART - Referenz: flexDirection property

HTML - DOM - ART - Referenz: flexFlow property - flexFlow property

HTML - DOM - ART - Referenz: flexShrink property

HTML - DOM - ART - Referenz: flexWrap property


<Style - Objekt