CSS Types

CSS Types

Editing

<grid-line>

그리드를 구성하는 행(row)과 열(column)의 시작과 끝을 지정하여 항목의 크기를 결정하는 값을 나타낸다. 또한 span 키워드로 행과 열의 범위를 병합하는 값을 나타낸다.

구문

  • auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]

사용되는 키워드

키워드요약
auto

그리드 항목 배치에 아무런 영향을 주지 않으며 자동 배치를 나타낸다.

span

그리드 항목 영역의 해당 가장자리가 반대쪽 가장자리에서 n줄이 되도록 그리드 항목의 배치에 그리드 범위를 지정한다.

사용되는 타입

버전 명세

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

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


Last review date: 2022-6-23