empty-cells

Controls whether borders and backgrounds are displayed on empty table cells. border-collapse: separatefor this to take effect.

Class List

Class	CSS	Description
`ecs`	empty-cells: show	Show border/background on empty cells (default)
`ech`	empty-cells: hide	Hide border/background of empty cells

In a table with empty cells, compares the difference between ecsand ech.

empty-cells: show — ecs

A1		A3
	B2

Borders and backgrounds are displayed on empty cells

empty-cells: hide — ech

A1		A3
	B2

Borders and backgrounds are hidden on empty cells

Default. Displays borders and backgrounds on empty table cells.

<!-- Show border on empty cells (default) -->
<table class="ecs bcs w100p">
  <tr>
    <td>Data</td>
    <td></td>
    <td>Data</td>
  </tr>
</table>

Hides borders and backgrounds of empty table cells. Used when you want cells without data to appear visually empty.

<!-- Hide border on empty cells -->
<table class="ech bcs w100p">
  <tr>
    <td>Data</td>
    <td></td>
    <td>Data</td>
  </tr>
</table>

border-collapse: separate required

empty-cells border-collapse: separate(bcs)only works when set. bcc(collapse) has no effect.