grid-column
grid-column 속성에 대한 유틸리티입니다.
grid column
내에서 grid
항목의 크기와 위치를 지정합니다.
클래스 | 약어 클래스 | 속성 |
---|---|---|
grid-column:span-auto | grid-col:span-auto | grid-column: auto !important; |
grid-column:span-1 | grid-col:span-span-1 | grid-column: span 1 / span 1 !important; |
grid-column:span-2 | grid-col:span-2 | grid-column: span 2 / span 2 !important; |
grid-column:span-3 | grid-col:span-3 | grid-column: span 3 / span 3 !important; |
grid-column:span-4 | grid-col:span-4 | grid-column: span 4 / span 4 !important; |
grid-column:span-5 | grid-col:span-5 | grid-column: span 5 / span 5 !important; |
grid-column:span-6 | grid-col:span-6 | grid-column: span 6 / span 6 !important; |
grid-column:span-7 | grid-col:span-7 | grid-column: span 7 / span 7 !important; |
grid-column:span-8 | grid-col:span-8 | grid-column: span 8 / span 8 !important; |
grid-column:span-9 | grid-col:span-9 | grid-column: span 9 / span 9 !important; |
grid-column:span-10 | grid-col:span-10 | grid-column: span 10 / span 10 !important; |