flex-shrink

Übersicht

Die flex-shrink CSS Eigenschaft gibt den Schrumpffaktor eines Flexelements an.

Initialwert1
Anwendbar aufflexible Elemente einschließlich In-Flow-Pseudo-Elemente
VererbtNein
Berechneter Wertwie angegeben
AnimationstypNummer

Siehe die Verwendung von CSS Flexible Boxes für weitere Eigenschaften und Informationen.

Syntax

Formale Syntax: <number>
flex-shrink: 2

flex-shrink: inherit

Werte

<number>
Siehe <number>. Negative Werte sind ungültig.

Beispiele

element {
  flex-shrink: 3;
}

Spezifikationen

Spezifikation Status Kommentar
CSS Flexible Box Layout Module
Die Definition von 'flex-shrink' in dieser Spezifikation.
Anwärter Empfehlung  

Browser Kompatibilität

BCD tables only load in the browser

[1] Firefox unterstützt bis Version 28 nur einzeiliges Flexbox Layout. Um Flexbox Unterstützung für Firefox 18 und 19 zu aktivieren, muss die Einstellung layout.css.flexbox.enabled in about:config auf true gesetzt werden.

Siehe auch