테이블의 셀(cell) 테두리를 처리하기 위한 환경을 설정한다.
collapse | separate | inherit
테이블 내의 영역에 대한 테두리가 서로 만나는 경우 하나의 테두리로 처리해 준다.
테이블 내의 영역에 대한 테두리를 독립적으로 보장해준다.
다음 전역 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.
부모 요소로부터 속성의 값을 상속받는다.
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
테이블 내의 영역에 대한 테두리를 독립적으로 보장해준다.
테이블 내의 영역에 대한 테두리가 서로 만나는 경우 하나의 테두리로 처리해 준다.
border-collapse: separate;
기본 값이며 테이블 내 분리된 영역이 테두리가 있는 경우 분리된 영역은 각각의 테두리를 독립적으로 가지게 된다. 즉 두 개의 셀이 인접해 있는 경우 각 셀에게 1px의 테두리를 적용한 경우 실제로 두 셀의 경계는 2px의 테두리를 형성하게 된다.
object.style.borderCollapse = "collapse";
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS2.2 | 초안 작업 | Last review date: 2022-6-4 |