tas2580
Blog über Webentwicklung

CSS - flex-shrink

Der flex-shrink Eigenschaft gibt an, wie das Element mit dem Rest der flexiblen Elemente in dem gleichen Behälter relativ schrumpfen wird.

Beispiel

div {
    flex-shrink: 3;
}

Definition und Verwendung

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

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 schrumpft. Der Standardwert ist 1.
initial Setzt diese Eigenschaft auf den Standardwert.
inherit Erbt diese Eigenschaft von seinem übergeordneten Element.