Functions

Grid Layout

개요

그리드 레이아웃은 CSS에서 가장 강력한 레이아웃 처리 기술이다. 그리드 항목을 원하는 곳에 완벽에 가깝게 배치할 수 있다. 그리드 항목은 콘텐츠를 가지고 있고 필요에 따라 적절한 크기를 갖도록 해야 한다. 유연한 크기와 편리한 배치를 위해서 몇 가지 함수를 정의했다.

관련 함수

  • minmax()

    최소값과 최대값을 한번에 지정한다. 따라서 이 값을 갖는 속성은 최소값과 최대값 사이에서 100% 값으로 처리된다.
  • repeat()

    그리드 레이아웃에서 트랙내 반복되는 그리드 항목의 지정된 횟수와 패턴에 따라 반복적인 배치를 한다.

W3C Modules

CSS Grid Layout Module Level 1
W3C Candidate Recommendation Draft, 18 December 2020
CSS Grid Layout Module Level 2
W3C Candidate Recommendation Draft, 18 December 2020