Properties

Properties

Draft
  • account_tree
  • bug_report

grid-auto-columns

그리드 컨테이너의 열 크기를 암시적으로 설정하며 크기가 설정되지 않은 열에도 영향을 준다.

설정 가능한 속성 값

  • auto기본값키워드CSS3

    콘텐츠 크기에 의해 결정된다.

  • length길이단위허용CSS3

    암시적으로 열의 크기를 지정한다. fr 단위는 flex 값으로 비례를 지정한다.

    • 사용 가능한 단위: px, %, fr
  • max-content키워드CSS3

    열을 차지하는 최대 콘텐츠의 영향력을 나타내는 키워드

  • min-content키워드CSS3

    열을 차지하는 최소 콘텐츠의 영향력을 나타내는 키워드

  • minmax(min-length,max-length)함수CSS3

    min-length 이상 max-length 이하의 범위를 갖는 열의 크기를 지정한다.

  • fit-content(argument)함수CSS3

    열의 크기가 자동 최소 크기보다 클 경우 인수에서 고정된다는 점을 제외하고는 auto 유사하게 계산되어 나타낸다.

구문

  • grid-auto-columns auto or max-content or min-content or length;기본형식CSS3
    3개의 열을 각각 auto, auto, min-content 로 설정
  • grid-auto-columns minmax(min-length, max-length) or fit-content(argument);기본형식CSS3
    minmax() 함수로 최소와 최대 값 지정하여 열의 항목 크기를 지정

지원 웹브라우저