CSS 레퍼런스 북

속성 설명
grid grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, grid-auto-flow 값을 한번에 설정할 수 있습니다.
grid-area grid item의 크기와 위치를 설정해 grid를 배치합니다.
grid-auto-columns grid container의 크기가 설정되지 않은 열에 대한 기본 크기를 설정합니다.
grid-auto-flow 자동 배치 항목이 grid에 삽입되는 방식을 설정합니다.
grid-auto-rows grid container의 크기가 설정되지 않은 행에 대한 기본 크기를 설정합니다.
grid-column 특정 grid item 표시의 시작하고 끝낼 열을 한번에 설정합니다.
grid-column-end 특정 grid item의 표시를 끝낼 열을 설정합니다.
grid-column-gap grid item 간의 열 사이 간격을 설정합니다.
grid-column-start 특정 grid item의 표시를 시작할 열을 설정합니다.
grid-gap grid item 간의 열과 행 사이 간격을 한번에 설정합니다.
grid-row 특정 grid item 표시의 시작하고 끝낼 행을 한번에 설정합니다.
grid-row-end 특정 grid item의 표시를 끝낼 행을 설정합니다.
grid-row-gap grid item 간의 행 사이 간격을 설정합니다.
grid-row-start 특정 grid item의 표시를 시작할 행을 설정합니다.
grid-template grid의 열과 행의 개수와 크기, 셀의 병합을 한번에 설정합니다.
grid-template-areas 명명된 grid 셀의 병합을 설정합니다.
grid-template-columns grid의 열의 개수와 크기를 설정합니다.
grid-template-rows grid의 행의 개수와 크기를 설정합니다.