CSS/Eigenschaften/flex-shrink

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 Defaultwert: 1
anwendbar auf	flexible Elemente, auch in-flow pseudo-Elemente (Unterschied Tag Element Attribut)
Browsersupport	Details: caniuse.com
Vererbung	nein
animierbar	ja

Beispiel

p { flex-shrink: 3; }

p wird um den Faktor 3 kleiner

Weblinks

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

Siehe auch

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