Properties

Properties

Draft
  • account_tree
  • bug_report

border-collapse

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

설정 가능한 속성 값

  • separate기본값키워드CSS2

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

  • collapse키워드CSS2

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

  • initial키워드CSS3

    CSS 기본 값으로 적용한다.

  • inherit키워드CSS3

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

구문

  • border-collapse separate or collapse;사용 예CSS2

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

  • object.style.borderCollapse = "collapse";자바스크립트 형식CSS2

    자바스크립트 형식

테스트 도구

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

지원 웹브라우저