flex

flex 속성은 콘텐츠의 성질을 flex로 정의합니다.

Summary

특징	설명
기본 값	flex-grow : 0 flex-shrink : 1 flex-basis : auto
상속	안됨
애니메이션	안됨
버전	CSS3

Definition

• flex 속성은 콘텐츠의 성질을 flex로 정의합니다.

Syntax

flex : flex-grow | flex-shrink | flex-basis | auto | inherit;

Property

속성 값	설명
flex-grow	플렉스 요소의 크기를 늘려줍니다.
flex-shrink	플렉스 요소의 크기를 수축시킵니다.
flex-basis	플렉스 요소의 기본 단위를 정의합니다.
auto	플렉스 요소의 크기를 자동으로 설정합니다.
inherit	플렉스 속성 값을 상위요소한테 상속받습니다.

Compatibility

							6	7	8	9	10	11
flex
flex-grow
flex-shrink
flex-basis