Properties

Properties

Draft
  • account_tree
  • bug_report

grid-auto-rowsCSS3

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

설정 가능한 속성 값

  • 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

    행의 크기가 자동 최소 크기보다 클 경우 인수에서 고정된다는 점을 제외하고는 자동(예; minmax(auto, max-content))과 유사하게 계산되는 공식 min(max-content, max(auto, argument))를 나타낸다.

구문

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

버전 명세

Version NameDescriptionFlags
CSS3

지원 웹브라우저