Latest web development tutorials

HTML DOM 스타일 borderSpacing 속성

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

테이블의 셀 사이의 간격을 설정

document.getElementById("myTable").style.borderSpacing="20px";

»시도

정의 및 사용

속성을 borderSpacing하면 설정하거나 테이블의 셀 사이의 거리를 반환합니다.

참고 : 경우 borderCollapse가 붕괴 설정 한 다음 속성이 작동하지 않습니다.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

모든 주요 브라우저는 borderSpacing 속성을 지원합니다.

참고 : IE7 및 이전 버전 borderSpacing 속성을 지원하지 않습니다.IE8은!의 DOCTYPE이 필요합니다. IE9는이 속성을 지원합니다.


문법

위로 borderSpacing 속성 :

object .style.borderSpacing

borderSpacing 속성 설정 :

object .style.borderSpacing="length length|initial|inherit"

속성 값

描述
length length 以长度单位形式规定单元格之间的距离。不允许使用负值。默认值是 0。
  • 如果指定了一个长度值,那么规定的是水平和垂直间距。
  • 如果指定了两个长度值,那么第一个设置水平间距,第二个设置垂直间距。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

기술 세부 사항

기본값 : 0
반환 값 : 테이블의 셀 사이의 간격을 나타내는 문자열.
CSS 버전 CSS2


더 많은 예제

테이블의 셀 사이의 거리가 반환

alert(document.getElementById("myTable").style.borderSpacing);

»시도


관련 기사

CSS 튜토리얼 : 표 (테이블) CSS

CSS 참조 : 국경 - 간격 속성


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