empty-cells Description:
The empty-cells property controls the rendering of borders and backgrounds around cells that have no visible content, including cells with the visibility property set to hidden. It is used with the separated borders model (border-collapse: separate).
empty-cells in CSS Versions:
empty-cells Syntax:
empty-cells: show | hide | inherit
- show
Display the borders and backgrounds. - hide
Do not display the borders and backgrounds. - inherit
The element should have the same empty-cells setting as the parent.
empty-cells Initial Value:
show
empty-cells Applies To:
Table-cell elements.
empty-cells Inheritance:
This property is inherited.
empty-cells Browser Support:
empty-cells media type:
- Visual
empty-cells Examples:
Standard empty-cells property
<table style="empty-cells : hide;">
<tr><td>Empty cells should not have any borders around them.</td>
<td></td></tr>
</table>
empty-cells Special Notes:
- Cells are empty unless they contain one or more of the following:
- floating content (including empty elements)
- in-flow content other than whitespace that has been collapsed away
- If all cells in a row are set to hide and have no visible content, the row will have a zero height and there is vertical border spacing only on one side of the row.
