tas2580
Blog über Webentwicklung

CSS - flex

Die flex Eigenschaft gibt die Länge des Elements, im Verhältnis zum Rest der flexiblen Elemente in dem gleichen Behälter an.

Beispiel

div {
    flex: 1;
}

Definition und Verwendung

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

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
auto Gleich wie 1 1 auto
flex-basis Siehe die Werte von flex-basis
flex-grow Siehe die Werte von flex-grow
flex-shrink Siehe die Werte von flex-shrink
none Gleich wie 0 0 auto
initial Setzt diese Eigenschaft auf den Standardwert.
inherit Erbt diese Eigenschaft von seinem übergeordneten Element.