Properties

Properties

Editing
  • account_tree
  • bug_report

border-collapse

테이블의 셀 구분선을 처리하기 위한 환경을 설정한다.

사용 가능한 값 타입

〈'border-collapse'〉

  • collapse | separate | inherit

사용되는 키워드

  • collapse

    테이블 내의 영역에 대한 테두리가 서로 만나는 경우 하나의 테두리로 처리해 준다.

  • separate

    테이블 내의 영역에 대한 테두리를 독립적으로 보장해준다.

사용되는 전역 키워드

다음 전역 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

  • inherit

    부모 요소로부터 속성의 값을 상속받는다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • separateCSS2

    테이블 내의 영역에 대한 테두리를 독립적으로 보장해준다.

구문

  • border-collapse separate;CSS2

    기본 값이며 테이블 내 분리된 영역이 테두리가 있는 경우 분리된 영역은 각각의 테두리를 독립적으로 가지게 된다. 즉 두 개의 셀이 인접해 있는 경우 각 셀에게 1px의 테두리를 적용한 경우 실제로 두 셀의 경계는 2px의 테두리를 형성하게 된다.

  • object.style.borderCollapse = "collapse";CSS2

    자바스크립트 형식

테스트 도구

표의 셀에 대한 경계 생성 방식을 설정

지원 웹브라우저