스타일 borderSpacing 속성
예시
표에서 셀 사이의 간격 설정:
document.getElementById("myTable").style.borderSpacing = "20px";
정의 및 사용
borderSpacing 속성은 테이블의 셀 사이의 공간을 설정하거나 반환합니다.
참고: 이 속성은 borderCollapse 가 축소로 설정된 경우 효과가 없습니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
borderSpacing | Yes | 9.0 | Yes | Yes | Yes |
통사론
borderSpacing 속성을 반환합니다.
object.style.borderSpacing
borderSpacing 속성을 설정합니다.
object.style.borderSpacing = "length length|initial|inherit"
속성 값
Value | Description |
---|---|
length length | Specifies the space between cells in length units. Negative values are not allowed. Default value is 0.
|
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 0 |
---|---|
반환 값: | 테이블의 셀 사이의 공간을 나타내는 문자열 |
CSS 버전 | CSS2 |
더 많은 예
예시
표에서 셀 사이의 공백을 반환합니다.
alert(document.getElementById("myTable").style.borderSpacing);
관련 페이지
CSS 튜토리얼: CSS 테이블
CSS 참조: border-spacing 속성
❮ 스타일 개체