flex-shrink property
Author admin Reading 1 min Views 447 Published by Modified by
Definition and Usage
The CSS flex-shrink property specifies the flex shrink factor of a flex item.
- Initial1
- Applies toflex items, including in-flow pseudo-elements
- Inheritedno
- Mediavisual
- Computed Valueas specified
- Animatableyes, as a number, except between 0 and other values
- Canonical orderthe unique non-ambiguous order defined by the formal grammar
Syntax
Formal syntax: <number>
flex-shrink: 2
flex-shrink: inherit
Values
- <number>
- See <number>. Negative values are invalid.
Examples
Compatibility
Desktop browsers
| Feature | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
| Basic support | 18.0 (18.0) (behind a pref)
20.0 (20.0) | 21.0-webkit | Not supported | 12.10 | Not supported |
Mobile browsers
| Feature | Firefox Mobile (Gecko) | Android | IE Phone | Opera Mobile | Safari Mobile |
| Basic support | NA | NA | Not supported | 12.10 | Not supported |
