| grid |
그리드는 수평선과 수직선으로 이루어진 집합체로, 디자인 요소를 정렬할 수 있는 대상 패턴을 생성한다.
이 디자인은 페이지에서 페이지로 이동할 때 요소가 널뛰거나 너비가 바뀌지 않는 디자인 생성에 도움을
주어 웹 사이트의 일관성을 높여줍니다. |
| grid-area |
grid-area 속성은 grid-row-start (en-US), grid-column-start (en-US), grid-row-end (en-US)
and grid-column-end (en-US) 값을 한번에 설정하는 shorthand property 입니다. 해당 속성값은
grid item의 크기와 위치를 결정합니다 |
| grid-auto-columns |
grid-auto-columns 속성은 암시적으로 생성된 그리드 열 트랙 또는 트랙 패턴의 크기를 지정합니다. |
| grid-auto-flow |
grid-auto-flow 속성은 자동 배치 알고리즘의 작동 방식을 제어하여 자동 배치 항목이 그리드로 흐르는
방식을 정확히 지정합니다. |
| grid-auto-rows |
grid-auto-rows 속성은 암시적으로 생성된 그리드 행 트랙 또는 트랙 패턴의 크기를 지정합니다. |
| grid-column |
CSS 그리드 레이아웃(Grid Layout)은 페이지를 여러 주요 영역으로 나누거나, 크기와 위치 및 문서
계층 구조의 관점에서 HTML 기본 요소로 작성된 콘트롤 간의 관계를 정의합니다. |
| grid-column-end |
grid-column-end 속성은 그리드 배치에 선, 범위 또는 아무것도 제공하지 않음(자동)으로 그리드
항목의 끝 위치를 지정함으로써 그리드 영역의 블록 끝 가장자리를 지정합니다. |
| grid-column-gap |
column-gap 속성은 요소의 열 사이의 간격(거터) 크기를 설정합니다. |
| grid-column-start |
grid-column-start 속성은 그리드 배치에 선, 범위 또는 아무것도 (자동) 기여하여
그리드 열 내에서 그리드 항목의 시작 위치를 지정합니다. 이시작 위치는 그리드
영역의 블록 시작 가장자리를 정의합니다. |
| grid-gap |
gap 속성은 행과 열 사이의 간격(거터)을 설정합니다. row-gap (en-US)과 column-gap (en-US)의 단축 속성입니다. |
| grid-row |
grid-row 속성은 그리드 레이아웃에서 그리드 항목의 크기와 위치를 지정하며 다음 속성에 대한 약식 속성입니다. |
| grid-row-end |
grid-row-end 속성은 항목이 확장될 행 수 또는 항목이 끝나는 행-라인을 정의합니다 |
| grid-row-gap |
grid-row-gap 속성은 그리드 레이아웃에서 행 사이의 간격 크기를 정의합니다. |
| grid-row-start |
grid-row-start 속성은 항목이 시작될 행-라인을 정의합니다. |
| grid-template |
grid-template 속성은 다음 속성의 약식 속성입니다. |
| grid-template-areas |
grid-template-areas 속성은 그리드 레이아웃 내의 영역을 지정합니다. |
| grid-template-columns |
grid-template-columns 속성은 그리드 레이아웃의 열 수(및 너비)를 지정합니다. |
| grid-template-rows |
grid-template-rows 속성은 그리드 레이아웃의 행 수(및 높이)를 지정합니다. |