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