Style columnGap 속성

정의와 사용법

columnGap 속성이 칼럼 간격을 정의합니다。

주의사항：칼럼 사이에 column-rule이 설정되면, 간격 중간에 표시됩니다。

추가로 참조하십시오：

CSS3 강의：CSS 다중 열

CSS 참조 매뉴얼：column-gap 속성

예제

칼럼 간격을 40 픽셀로 정의합니다：

document.getElementById("myDIV").style.columnGap = "50px";

직접 시도해 보세요

문법

columnGap 속성 반환：

object.style.columnGap

columnGap 속성 설정：

object.style.columnGap = "length|normal|initial|inherit"

속성 값

값 설명
length 칼럼 간격을 지정된 길이로 설정합니다。
normal 기본 값。칼럼 간격을 일반 간격으로 정의합니다. W3C가 권장하는 값은 1em입니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： normal
반환 값： 문자열로, 요소의 column-gap 속성。
CSS 버전： CSS3

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
50.0 10.0 52.0 10.0 37.0