column-gap
column-gap 속성에 대한 유틸리티입니다.
요소의 열(columns) 사이 간격의 크기를 설정합니다.
| 클래스 | 약어 클래스 | 속성 |
|---|---|---|
column-gap:0 | col-gap:0 | column-gap: var(--space-0) !important; /* 0rem (0px) */ |
column-gap:1 | col-gap:1 | column-gap: var(--space-1) !important; /* 0.25rem (4px) */ |
column-gap:2 | col-gap:2 | column-gap: var(--space-2) !important; /* 0.5rem (8px) */ |
column-gap:3 | col-gap:3 | column-gap: var(--space-3) !important; /* 0.75rem (12px) */ |
column-gap:4 | col-gap:4 | column-gap: var(--space-4) !important; /* 1rem (16px) */ |
column-gap:5 | col-gap:5 | column-gap: var(--space-5) !important; /* 1.25rem (20px) */ |
column-gap:6 | col-gap:6 | column-gap: var(--space-6) !important; /* 1.5rem (24px) */ |
column-gap:7 | col-gap:7 | column-gap: var(--space-7) !important; /* 1.75rem (28px) */ |
column-gap:8 | col-gap:8 | column-gap: var(--space-8) !important; /* 2rem (32px) */ |
column-gap:9 | col-gap:9 | column-gap: var(--space-9) !important; /* 2.25rem (36px) */ |
column-gap:10 | col-gap:10 | column-gap: var(--space-10) !important; /* 2.5rem (40px) */ |
기본 간격 var(--spacing) 설정과 관련된 내용은 여기를 참고해주세요.