Properties

Properties

Draft
  • account_tree
  • bug_report

grid-template-rowsCSS3

그리드 레이이웃의 행의 수와 높이를 명시적으로 지정한다.

설명

값은 공백으로 구분된 목록이며 각 값은 각 행의 높이로 지정된다.

설정 가능한 속성 값

  • auto기본값키워드CSS3

    암시적으로 행 크기를 지정한다.

  • length숫자CSS3

    명시적으로 행의 크기를 지정한다. fr은 flex 값으로 사용된 단위이며 비례를 지정한다.

  • max-content키워드CSS3

    행을 차지하는 최초 콘텐츠의 영향력을 설정

  • min-content키워드CSS3

    행을 차지하는 최초 콘텐츠의 영향력을 설정

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

    min-length 이상 max-length 이하의 범위를 갖는 행의 크기를 설정

  • fit-content(argument)함수CSS3

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

구문

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

버전 명세

Version NameDescriptionFlags
CSS3

지원 웹브라우저