CSS 경계 축소 속성

정의와 사용법

border-collapse 속성은 테이블의 경계선이 하나의 단일 경계선으로 병합되는지 여부를 설정합니다. 또는 표준 HTML과 같이 분리되어 표시되는지 여부를 설정합니다.

다른 내용 참조:

CSS 튜토리얼:CSS 테이블

HTML DOM 참조 설명서:borderCollapse 속성

예제

테이블에 경계선 병합 모델을 설정합니다:

table
  {
  border-collapse:collapse;
  }

직접 시도해 보세요

CSS 문법

border-collapse: separate|collapse|initial|inherit;

속성 값

값 설명
separate 기본 값. 경계선은 분리됩니다. border-spacing 및 empty-cells 속성을 무시하지 않습니다.
collapse 가능하다면, 경계선은 하나의 단일 경계선으로 병합됩니다. border-spacing 및 empty-cells 속성을 무시합니다.
inherit border-collapse 속성의 값을 부모 요소에서 상속해야 합니다.

기술 세부 사항

기본 값: separate
상속성: yes
버전: CSS2
JavaScript 문법: object.style.borderCollapse="collapse"

추가 예제

테이블 경계선 병합
이 예제에서 테이블 경계선이 하나의 단일 경계선으로 표시되는지 여부를 보여줍니다. 또는 표준 HTML과 같이 분리되어 표시되는지 여부를 보여줍니다.

브라우저 지원

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

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