CSS 비어 셀 속성

정의와 사용법

empty-cells 속성은 표의 빈 셀을 표시할지 여부를 설정합니다(「분리 경계선」모드에만 적용됩니다).

주석:IE 브라우저의 일부 버전은 이 속성을 지원하지 않습니다.

설명

이 속성은 내용을 포함하지 않는 표 셀을 어떻게 표현할지 정의합니다. 표시되면 셀의 경계선과 배경이 그려집니다. border-collapse이 separate로 설정되지 않은 경우 이 속성은 무시됩니다.

다른 것을 참조하세요:

CSS 강의:CSS 테이블

HTML DOM 참조 설명서:emptyCells 속성

예제

표의 빈 셀에 대한 경계선과 배경을 숨기기:

table
  {
  border-collapse:separate;
  empty-cells:hide;
  }

직접 테스트해 보세요

CSS 문법

empty-cells: show|hide|initial|inherit;

속성 값

값 설명
hide 빈 셀 주위에 경계선을 그리지 않습니다.
show 빈 셀 주위에 경계선을 그립니다. 기본값.
inherit empty-cells 속성의 값을 부모 요소에서 상속해야 합니다.

기술 세부 사항

기본 값: show
상속성: yes
버전: CSS2
JavaScript 문법: object.style.emptyCells="hide"

브라우저 지원

표의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.2 4.0

주석:DOCTYPE을 설정한 경우, Internet Explorer 8 (또는 더 높은 버전)는 empty-cells 속성을 지원합니다.