column-gap
column-gap 속성은 컬럼의 간격을 정의합니다.
column-gap
column-gap 속성은 컬럼의 간격을 정의합니다.
정의(Definition)
- column-gap 속성은 열의 간격을 정의합니다.
- 처음에는 grid-column-gap 속성으로 사용하였지만 현재는 grid가 생략되어 column-gap으로 사용합니다.
- grid 속성에서 간격을 주기 위해서는 grid-column-gap으로 사용합니다.
문법(Syntax)
column-gap : length | normal
/* 키워드 속성을 사용한 경우 */
column-gap: normal;
/* 단위 속성을 사용한 경우 */
column-gap: 10px;
column-gap: 2.5em;
column-gap: 5%;
/* 글로벌 속성을 사용한 경우 */
column-gap: inherit;
column-gap: initial;
column-gap: unset;
속성(Property)
| 속성값 | 설명 |
|---|---|
| length | 컬럼의 간격을 CSS 단위로 설정합니다. |
| normal | 컬럼의 간격을 기본 값으로 설정합니다. |
호환성(Compatibility)
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| column-gap | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
