17.6.1.1 Borders and Backgrounds around empty cells: the 'empty-cells' property

Chapter 17 - Tables - 17.6.1.1 Borders and Backgrounds around empty cells: the 'empty-cells' property

Go to the relevant page of the specification.

empty-cell-visibility-hidden-001
Cell with hidden visibility content as an empty cell
A cell with 'visibility: hidden' is considered an empty cell.
empty-cells-001
Empty-cells set to 'show'
An 'empty-cells' value of 'show' allows cells without content to have visible backgrounds and borders.
empty-cells-002
Empty-cells set to 'hide'
An 'empty-cells' value of 'hide' prevents cells without content from having visible backgrounds and borders.
empty-cells-003
Empty-cells set to inherit
A cell can inherit its empty-cells behavior from its row parent container.
empty-cells-004
CSS table model: empty-cells: Text
empty-cells-005
CSS table model: empty-cells: NBSPs
empty-cells-006
CSS table model: empty-cells: white-space pre
empty-cells-007
CSS table model: empty-cells: zero-height images
empty-cells-008
CSS table model: empty-cells: zero-height inline images
empty-cells-009
CSS table model: empty-cells: inlines
empty-cells-010
CSS table model: empty-cells: block
empty-cells-011
CSS table model: empty-cells: block with margins
empty-cells-012
CSS table model: empty-cells: block with padding
empty-cells-013
CSS table model: empty-cells: block with borders
empty-cells-014
CSS table model: empty-cells: white-space normal
empty-cells-applies-to-001
Empty-cells and 'display: inline' elements
Empty-cells does not apply to 'display: inline' elements.
empty-cells-applies-to-002
Empty-cells and 'display: block' elements
Empty-cells does not apply to 'display: block' elements.
empty-cells-applies-to-003
Empty-cells and 'display: list-item' elements
Empty-cells does not apply to 'display: list-item' elements.
empty-cells-applies-to-005
Empty-cells and 'display: inline-block' elements
Empty-cells does not apply to 'display: inline-block' elements.
empty-cells-applies-to-006
Empty-cells and 'display: table' elements
Empty-cells does not apply to 'display: table' elements.
empty-cells-applies-to-007
Empty-cells and 'display: inline-table' elements
Empty-cells does not apply to 'display: inline-table' elements.
empty-cells-applies-to-008
Empty-cells and 'display: table-row-group' elements
Empty-cells does not apply to 'display: table-row-group' elements.
empty-cells-applies-to-009
Empty-cells and 'display: table-header-group' elements
Empty-cells does not apply to 'display: table-header-group' elements.
empty-cells-applies-to-010
Empty-cells and 'display: table-footer-group' elements
Empty-cells does not apply to 'display: table-footer-group' elements.
empty-cells-applies-to-011
Empty-cells and 'display: table-row' elements
Empty-cells does not apply to 'display: table-row' elements.
empty-cells-applies-to-012
Empty-cells and 'display: table-column' elements
Empty-cells does not apply to 'display: table-column' elements.
empty-cells-applies-to-013
Empty-cells and 'display: table-column-group' elements
Empty-cells does not apply to 'display: table-column-group' elements.
empty-cells-applies-to-014
Empty-cells and 'display: table-cell' elements
Empty-cells applies to 'display: table-cell' elements.
empty-cells-applies-to-015
Empty-cells and 'display: table-caption' elements
Empty-cells does not apply to 'display: table-caption' elements.
empty-cells-applies-to-016
Empty-cells and 'display: none' elements
Empty-cells does not apply to 'display: none' elements.
empty-cells-applies-to-017
Empty-cells and 'display: inherit' elements
Empty-cells does not apply to 'display: inherit' elements which do not inherit the value of 'table-cell'.
empty-cells-exceptions-001
Cells containing floating content are not considered empty
Cells that contain floating content, including empty elements, are not considered to be empty cells. The table under test actually contains two tests. The first cell tests floating content, and the second cell tests a floating empty element.
empty-cells-exceptions-002
Cells containing empty element in-flow content are not considered empty
Cells that contain in-flow content (including empty elements) are not considered to be empty cells. The table under test really contains two tests--the first cell tests in-flow content, the second cell tests an empty in-flow element.
empty-cells-exceptions-003
Cells with collapsed white space content are considered empty
Cells that contain in-flow content of white space which has been collapsed away by the 'white-space' property are considered to be empty cells.
empty-cells-exceptions-004
Cells with non-collapsed white space content are not considered empty
Cells which contain in-flow content of white space which has not been collapsed away by the 'white-space' property are not considered to be empty cells.
empty-cells-in-collapsed-border-model-001
Empty cells property in the collapsed borders model
The empty-cells property does not apply to tables with collapsed borders.
empty-cells-inherited-001
Empty-cells is inherited by default
Empty-cells is inherited by default.
empty-cells-initial-001
Initial value of empty-cells
The initial value of empty-cells is 'show'.