Style flexGrow Eigenschaft

Definition und Verwendung

flexGrow Diese Eigenschaft regelt, wie viel der Gegenstand im Vergleich zu anderen flexiblen Elementen im selben Container wachsen soll.

Anmerkung:Wenn das Element kein flexibles Element ist, dann flexGrow Eigenschaft ungültig.

Weitere Informationen:

CSS Referenzhandbuch:flex-grow Eigenschaft

Beispiel

Lassen Sie den blauen DIV-Element um das Fünffache der anderen flexiblen Elemente wachsen:

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

Probieren Sie es selbst aus

Syntax

Rückgabe der Eigenschaft flexGrow:

object.style.flexGrow

Setzen Sie die Eigenschaft flexGrow:

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

Eigenschaftswert

Wert Beschreibung
number Zahl, die den Inkrementwert des Elements gegenüber anderen flexiblen Elementen regelt. Der Standardwert ist 0.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem Elternelement erben. Siehe inherit.

Technische Details

Standardwert: 0
Rückgabewert: Zeichenkette, die den flex-grow Eigenschaft.
CSS-Version: CSS3

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Version des Browsers an, die diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützt 11.0 Unterstützt 9.0 Unterstützt

Verwandte Seiten

HTML DOM STYLE Referenzhandbuch:flex Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexBasis Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexDirection Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexFlow Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexShrink Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexWrap Eigenschaft