empty-cells

빈 테이블 셀에 테두리와 배경을 표시할지 여부를 제어합니다. border-collapse: separate일 때만 효과가 있습니다.

클래스 목록

클래스	CSS	설명
`ecs`	empty-cells: show	빈 셀에 테두리/배경 표시 (기본값)
`ech`	empty-cells: hide	빈 셀의 테두리/배경 숨김

빈 셀이 포함된 테이블에서 ecs와 ech의 차이를 비교합니다.

empty-cells: show — ecs

A1		A3
	B2

빈 셀에도 테두리와 배경이 표시됩니다

empty-cells: hide — ech

A1		A3
	B2

빈 셀의 테두리와 배경이 숨겨집니다

기본값입니다. 빈 테이블 셀에도 테두리와 배경을 표시합니다.

<!-- 빈 셀에 테두리 표시 (기본값) -->
<table class="ecs bcs w100p">
  <tr>
    <td>데이터</td>
    <td></td>
    <td>데이터</td>
  </tr>
</table>

빈 테이블 셀의 테두리와 배경을 숨깁니다. 데이터가 없는 셀을 시각적으로 비워두고 싶을 때 사용합니다.

<!-- 빈 셀의 테두리 숨김 -->
<table class="ech bcs w100p">
  <tr>
    <td>데이터</td>
    <td></td>
    <td>데이터</td>
  </tr>
</table>

border-collapse: separate 필수

empty-cells는 border-collapse: separate(bcs)일 때만 동작합니다. bcc(collapse)에서는 효과가 없습니다.