You are here : cssCSS 3flex-shrink

flex-shrink - CSS 3

The flex-shrink property specifies how the item will shrink relative to the rest 
of the flexible items inside the same container.Note: If the element is not a flexible item, the flex-shrink property has no effect.


Syntax

flex-shrink: number|initial|inherit;


Example

/* Safari 6.1+ */div:nth-of-type(2) {    -webkit-flex-shrink: 3;
	} /* Standard syntax */div:nth-of-type(2) {    flex-shrink: 3;}


Output / Return Value


Limitations


Alternatives / See Also


Reference