CSS/Eigenschaften/flex-shrink

Browserunterstützung
caniuse.com

Die Eigenschaft flex-shrink legt fest, inwieweit ein Element relativ zu anderen schrumpft.

Erlaubte Werte

• eine positive Zahl

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

1

anwendbar auf

flexible Elemente, auch in-flow pseudo-Elemente

Vererbung

nein

animierbar

ja

Beispiel

p { flex-shrink: 3; }

p wird um den Faktor 3 kleiner

Siehe auch

• CSS/Tutorials/Flexbox/Flex-Items#flex-shrink

Weblinks

• Spezifikation (W3C): CSS Flexible Box Layout Module Level 1 flex-shrink
• MDN: flex-shrink
• Details: caniuse.com