CSS Property: flex-shrink
[this page | pdf | back links]
The
CSS (CSS3)
flex-shrink property indicates how
much an element will shrink relative to the rest of the flexible items in a
container. If an element is not a flexible element then this property has no
effect. Note: for some browsers, the resulting sizes of elements can be less
intuitive than using the apparently analogous fractional value for the flex-grow
property.
Valid property values
(other than inherit
and initial) are:
|
Value
|
Description
|
|
number
|
Specifies how much an
item will shrink relative to rest of flexible items
|
|
Default Value:
|
1
|
|
JavaScript syntax:
|
e.g. object.style.flexShrink="4"
|
|
Inherited:
|
No
|
|
Animatable:
|
Yes
|
NAVIGATION LINKS
Contents | Prev | Next | CSS Properties