<inflexible-breadth>

유연하지 않은(inflexible) 의미를 가진 이름에서 알 듯이 <track-breadth> 타입에서 fr 단위가 제외되었다.

CSS Grid Layout Module Level 2

<length-percentage> | min-content | max-content | auto

키워드 요약

키워드	요약
auto	최대값일 경우 그리드 트랙을 차지하는 그리드 항목의 최대 콘텐츠 기여도를 나타낸다. `max-content`와 달리 `align-content` 및 `justify-content` 속성으로 트랙을 확장할 수 있다. 최소값의 경우 그리드 트랙을 차지하는 그리드 항목의 최대 최소 크기(`min-width` / `min-height`)를 나타낸다.
max-content	그리드 컨테이너의 공간이 넉넉한 경우에 해당 축에서 콘텐츠를 담기 위한 이상적인 크기를 나타낸다.
min-content	콘텐츠가 넘치지 않고 담길 수 있는 가장 작은 크기를 나타낸다.

auto

최대값일 경우 그리드 트랙을 차지하는 그리드 항목의 최대 콘텐츠 기여도를 나타낸다. max-content와 달리 align-content 및 justify-content 속성으로 트랙을 확장할 수 있다.

최소값의 경우 그리드 트랙을 차지하는 그리드 항목의 최대 최소 크기(min-width / min-height)를 나타낸다.

max-content

그리드 컨테이너의 공간이 넉넉한 경우에 해당 축에서 콘텐츠를 담기 위한 이상적인 크기를 나타낸다.

min-content

콘텐츠가 넘치지 않고 담길 수 있는 가장 작은 크기를 나타낸다.

Modules
CSS Grid Layout Module Level 2	후보 추천 초안	사용자 인터페이스 설계에 최적화된 2차원 그리드 기반 레이아웃 시스템을 정의한다. Last review date: 2022-6-23

Modules

Module Name

Status

Summary

후보 추천 초안

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

Last review date: 2022-6-23

CSS Reference
HTML
JavaScript
Development