tas2580
Blog über Webentwicklung

CSS - flex-grow

Der flex-grow Eigenschaft gibt an, wie viel das Element an den Rest der flexiblen Elemente in dem gleichen Behälter relativ wachsen wird.

Beispiel

div {
  flex-grow: 1;
}

Definition und Verwendung

Standard Wert:
0
CSS Version:
CSS3
Vererbt sich:
Nein
Animierbar:
Ja
-webkit-:
-webkit-flex-grow
-moz-:
-moz-flex-grow

Browser Unterstützung

Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein

Mögliche Werte

Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.

Wert Beschreibung
Zahl Eine Zahl die angibt, um wie viel das Element zum Rest der flexiblen Elemente relativ wachsen wird. Der Standardwert ist 0.
initial Setzt diese Eigenschaft auf den Standardwert.
inherit Erbt diese Eigenschaft von seinem übergeordneten Element.