Hide borders and backgrounds on empty cells in a table:
Table { border-collapse:separate; empty-cells:hide; }
Definition and usage
The Empty-cells property sets whether empty cells in the table are displayed (only for the detach border mode).
Note: Some versions of Internet Explorer do not support this property.
Description
This property defines how table cells that do not contain any content are represented. If displayed, the border and background of the cell are drawn. This property is ignored unless Border-collapse is set to separate.
| Default value: |
Show |
| Inheritance: |
Yes |
| Version: |
CSS2 |
| JavaScript Syntax: |
object. style.emptycells= "Hide" |
Possible values
| value |
Description |
| Hide |
Do not draw borders around empty cells. |
| Show |
Draws a border around an empty cell. Default. |
| Inherit |
Specifies that the value of the Empty-cells property should be inherited from the parent element. |
Empty-cells:show