## flex-shrink 작성자 : 김동일 작성일 : 2015-10-30 css 레퍼런스 설명: - flex-shrink : div 영역 내 flex item 들의 비율로 수축하여 크기를 설정한다. - syntax : ```sh flex-shrink: number|initial|inherit; ``` number : flex item 별로 비율을 설정한다.(기본값 : 0) initial:기본 값으로 set되어 있는 값을 불러온다. inherit:부모 element에 설정되어 있는 값을 상속 받는다. sample code : ```html

Note: Internet Explorer 10 and earlier versions do not support the flex-shrink property.

Note: Safari 6.1 (and newer) supports an alternative, the -webkit-flex-shrink property.

``` 결과 ![flex-shrink](../images/flex-shrink.jpg) ----- * [CSS3 README](../README.md) * [flex](flex.md) * [flex-basis](flex-basis.md) * [flex-direction](flex-direction.md) * [flex-flow](flex-flow.md) * [flex-grow](flex-grow.md) * [flex-shrink](flex-shrink.md) * [flex-wrap](flex-wrap.md)