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
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