티스토리 뷰
속성 | 설명 |
---|---|
grid | grid 속성은 그리드 레이아웃 속성을 설정합니다. |
grid-area | 영역(Area) 이름을 설정하거나, grid-row와 grid-column의 단축 속성입니다. |
grid-auto-columns | 암시적인 열(Track)의 크기를 자동으로 설정합니다. |
grid-auto-flow | 자동 배치 알고리즘 방식을 정의합니다. |
grid-auto-rows | 암시적인 행(Track)의 크기를 자동으로 설정합니다. |
grid-column | grid-column-xxx의 단축 속성(열 시작/끝 위치)입니다. |
grid-column-end | 그리드 아이템의 열 끝 위치 지정합니다. |
grid-column-gap | 열과 열 사이의 간격(Line)을 설정합니다. |
grid-column-start | 그리드 아이템의 열 시작 위치 지정합니다. |
grid-gap | grid-gap 속성은 컬럼의 간격을 설정합니다. |
grid-row | grid-row-xxx의 단축 속성(행 시작/끝 위치)입니다. |
grid-row-end | 그리드 아이템의 행 끝 위치 지정합니다. |
grid-row-gap | 행과 행 사이의 간격(Line)을 정의합니다. |
grid-row-start | 그리드 아이템(Item)의 행 시작 위치 지정합니다. |
grid-template | grid-template 속성은 컬럼의 속성을 설정합니다. |
grid-template-areas | grid-template-areas 속성은 컬럼의 영역을 설정합니다. |
grid-template-columns | grid-template-columns 속성은 가로 컬럼의 크기와 위치를 설정합니다. |
grid-template-rows | grid-template-rows 속성은 세로 컬럼의 크기와 위치를 설정합니다. |
'CSS' 카테고리의 다른 글
CSS - transform (0) | 2022.04.18 |
---|---|
CSS - animation (0) | 2022.04.15 |
CSS flex (1) | 2022.02.05 |
CSS IR 기법 (1) | 2022.02.05 |
CSS 선택자 (0) | 2022.02.04 |
댓글
© 2018 webstoryboy