The style declarations contained within this page:
table {background: gray; width: 300px; border-collapse: separate;}
table td {background: #FF9; color: black; border: 1px solid green;}
.cl1 {empty-cells: show;}
.cl2, .cl3 {empty-cells: hide;}
The empty cell in the middle of the following 'table' element should be rendered, including its background and borders.
| [cl1] | r1c2 | r1c3 |
| r2c1 | r2c3 | |
| r3c1 | r3c2 | r3c3 |
The empty cell in the middle of the following 'table' element should not be rendered at all. There should instead be a blank spot in the middle of the 'table'.
| [cl2] | r1c2 | r1c3 |
| r2c1 | r2c3 | |
| r3c1 | r3c2 | r3c3 |
The second row in the following 'table' element, which contains only empty cells, should not be rendered at all. The table should be drawn as if the entire row had been set to 'display: none'.
| [cl3] | r1c2 | r1c3 |
| r3c1 | r3c2 | r3c3 |