Style borderCollapse 속성

정의와 사용 방법

borderCollapse 테이블 테두리가 단일 테두리로 축소되어야 하는지 설정하거나 반환합니다.

추가로 참조:

CSS 강의:CSS 테이블

CSS 참조 설명서:border-collapse 속성

예제

예제 1

테이블 테두리 축소:

document.getElementById("myTable").style.borderCollapse = "collapse";

직접 시도해 보세요

예제 2

borderCollapse 속성 반환:

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

직접 시도해 보세요

문법

borderCollapse 속성 반환:

object.style.borderCollapse

borderCollapse 속성 설정:

object.style.borderCollapse = "separate|collapse|initial|inherit"

속성 값

값 설명
separate 모든 테이블 셀 요소에 대한 독립적인 테두리를 그립니다. 기본값.
collapse

가능하다면, 테두리는 하나의 단일 테두리로 병합됩니다.

border-spacing 및 empty-cells 속성을 무시합니다.
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 부모 요소에서 이 속성을 상속합니다. 참조: inherit.

기술 세부 사항

기본 값: separate
반환 값: 표의 테두리를 나타내는 문자열.
CSS 버전: CSS2

브라우저 지원

표의 숫자는 이 속성을 최초로 완전 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
1.0 5.0 1.0 1.2 4.0