CSS 플렉스 베이스 속성

정의와 사용법

flex-basis 속성은 유연한 요소의 초기 길이를 정의합니다.

주석:요소가 유연한 요소가 아니면, flex 속성은 무효입니다.

CSS 참조 매뉴얼:flex 속성

CSS 참조 매뉴얼:flex-flow 속성

CSS 참조 매뉴얼:flex-grow 속성

CSS 참조 매뉴얼:flex-shrink 속성

CSS 참조 매뉴얼:flex-wrap 속성

HTML DOM 참조 매뉴얼:flexBasis 속성

두 번째 유연한 요소의 초기 길이를 100픽셀로 설정합니다:

div:nth-of-type(2) {
  flex-basis: 100px;
}

flex-basis: number|auto|initial|inherit;

값	설명
number	길이 단위 또는 백분율, 유연한 요소의 초기 길이를 정의합니다.
auto	기본 값. 길이는 유연한 요소의 길이와 동일합니다. 이 요소의 길이가 지정되지 않았다면, 길이는 내용에 따라 결정됩니다.
initial	이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit	이 속성을 부모 요소에서 상속합니다. 참조: inherit.

표의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

-webkit- 또는 -moz-를 포함한 숫자는 프리픽스를 사용하는 첫 번째 버전을 나타냅니다.

크롬	IE / 엣지	파이어폭스	사파리	오페라
29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0