Properties

Properties

Editing
  • account_tree
  • bug_report

flex

부모 요소 안에 있는 컨테이너 항목이 차지하는 크기를 한번에 설정한다.

설명

flex 축약 형식의 기본 값은 ‘0 1 auto’ 이다. flex-grow을 0으로 설정시 내용물의 크기에 따라 폭이 결정된다. 단일 auto 키워드로 설정시 각각 ‘1 1 auto’로 설정된다. 단일 none 키워드로 지정시 ‘0 0 auto’ 로 설정된다.

사용 가능한 값 타입

〈flex〉

사용되는 키워드

  • auto

    flex-grow 값은 1, flex-shrink 값은 1, flex-basis 값은 auto로 지정된다.

  • none

    flex-grow 값은 0, flex-shrink 값은 0, flex-basis 값은 auto로 지정된다.

사용되는 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • 〈flex〉none

    flex-grow 값은 0, flex-shrink 값은 0, flex-basis 값은 auto로 지정된다.

구문

  • none | [ 〈'flex-grow'〉 〈'flex-shrink'〉? || 〈flex-basis〉 ]
    flexible 레이아웃을 위한 flex 속성

지원 웹브라우저