CSS Types

CSS Types

Editing

<'flex'>

데브딕에서 지정한 색인용 자료 타입

flex 속기 속성에 사용되는 타입이다.

구문

  • Flexible Box Layout Module Level 1
    none | auto | [ <'flex-grow'> <'flex-shrink'>? || <flex-basis> ]

사용되는 키워드

키워드요약
auto

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

none

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

관련 속성들

  • flex-basis플렉스 레이아웃 항목의 주축(maix axis) 방향의 크기를 설정한다. 기본 값은 컨테이너 내 내용의 크기에 따른다.
  • flex-flowflex-direction과 flex-wrap 속성을 한번에 지정하는 속기 속성이다.
  • flex-shrink플렉스 컨테이너 내의 레이아웃 항목들의 주축 방향의 크기의 합이 플렉스 컨테이너보다 클 경우 축소 비율을 지정한다.

사용되는 타입

버전 명세

Modules
Module NameStatusSummary
Flexible Box Layout Module Level 1추천 후보

Last review date: 2022-6-16

©2024 devdic.com, Korea

출처를 밝힌 리소스 이외의 본 레퍼런스에 사용된 모든 생성물의 소유 및 저작권은 devdic.com에 있습니다. 특별히 재배포를 금지한 것 이외는 재배포가 가능하며 반드시 출처를 표기해 주시기 바랍니다.
현재는 베타 버전으로 미등록 및 불완전한 콘텐츠가 일부 있을 수 있습니다. 오류 및 기술 자료 제보(건의)는 언제든지 환영하며 감사드립니다.
기본적으로 W3C 기술 사양을 기준으로 작성하였으며 일반적이지 않은 기술 설명에 대한 내용의 일부는 Mozilla의 MDN web docs에서 도움 받았음을 밝힙니다. 그들을 존경합니다.

master@cydemy.com