Latest web development tutorials

HTML DOM 스타일 columnGap 속성

스타일 객체 참조 스타일 개체

열 사이에 소정의 간격은 40 픽셀입니다 :

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

»시도

정의 및 사용

columnGap 속성은 열 사이의 간격을 지정합니다.

참고 : 간격의 중간에 나타나는 경우 컬럼의 컬럼 규칙 설정.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

인터넷 익스플로러 (10)와 오페라 지원 columnGap 속성입니다.

파이어 폭스는 MozColumnGap 속성이 property 속성의 또 다른 대안을 지원합니다.

사파리와 크롬 WebkitColumnGap 속성이 property 속성의 또 다른 대안을 지원합니다.

참고 : 인터넷 익스플로러 9 이전 버전 columnGap 속성을 지원하지 않습니다.


문법

위로 columnGap 속성 :

object .style.columnGap

columnGap 속성 설정 :

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

속성 값

描述
length 把列之间的间隔设置为指定的长度。
normal 默认值。规定列之间的间隔为一个常规的间隔。W3C 建议的值是 1em。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

기술 세부 사항

기본값 : 표준
반환 값 : 열 갭 속성 요소를 나타내는 문자열입니다.
CSS 버전 CSS3


관련 기사

CSS3 튜토리얼 : CSS3 다중 열

CSS 참조 : 열 GAP 속성


스타일 객체 참조 스타일 개체