Properties

Properties

Editing
  • account_tree
  • bug_report

grid-template-rows

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

설명

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

사용 가능한 값 타입

〈'grid-template-rows'〉

  • none | <track-list> | <auto-track-list> | subgrid <line-name-list>?

사용되는 키워드

  • none

    명시적 그리드 트랙이 이 속성에 의해 생성되지 않음을 나타낸다. 그러나 명시적 그리드 트랙은 여전히 grid-template-areas에 의해 생성될 수 있다.

  • subgrid

    하위 그리드는 grid-template-rows 또는 grid-template-columnssubgrid 키워드에 의해 설정되며 축 중 하나 또는 둘 모두에서 하위 그리드로 구성될 수 있다. 하위 그리드 축이 없는 그리드는 독립 실행형 그리드이다.

사용되는 타입

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

  • 〈auto-track-list〉

    • [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat>
      CSS Grid Layout Module Level 2
  • 〈line-name-list〉

    • [ <line-names> | <name-repeat> ]+
      CSS Grid Layout Module Level 2
  • 〈track-list〉

    • [ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?
      CSS Grid Layout Module Level 2

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

구문

  • none | 〈track-list〉 | 〈auto-track-list〉 | subgrid 〈line-name-list〉?CSS Grid Layout Module Level 2
    minmax() 함수로 최소와 최대 값 지정하여 행의 크기를 지정

    3개의 행을 각각 auto, 고정 높이로 설정

버전 명세

Modules
Module NameStatusSummary
CSS Grid Layout Module Level 2후보 추천 초안

사용자 인터페이스 설계에 최적화된 2차원 그리드 기반 레이아웃 시스템을 정의한다.


Last review date: 2022-6-23

지원 웹브라우저