Style borderSpacing 속성

정의와 사용법

borderSpacing 속성 설정이나 표에서 셀 간의 공간 반환

주석：borderCollapse이 collapse이 경우 이 속성은 무효입니다。

다른 참조물도 참조하십시오：

CSS 가이드：CSS 테이블

CSS 참조 가이드：border-spacing 속성

예제

예제 1

표에서 셀 간의 간격 설정：

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

본인이 직접 시도해보세요

예제 2

표에서 셀 간의 공간 반환：

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

본인이 직접 시도해보세요

문법

borderSpacing 속성 반환：

object.style.borderSpacing

borderSpacing 속성 설정：

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

속성 값

값 설명
length length

길이 단위로 셀 간의 간격을 지정합니다. 음수 값을 사용할 수 없습니다. 기본 값은 0입니다。

한 길이 값을 지정된 경우, 수평 및 수직 간격을 동시에 설정합니다。

두 길이 값을 지정된 경우, 첫 번째 값은 수평 간격을 설정하고 두 번째 값은 수직 간격을 설정합니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 继承합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 0
반환 값： 문자열로 표에서 셀 간의 공간을 나타냅니다。
CSS 버전： CSS2

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 9.0 지원 지원 지원