CSS empty-cells Property

Display no borders on empty cells in a table:

table {
empty-cells: hide;

Try it Yourself »

Definition and Usage

The empty-cells property sets whether or not to display borders on empty cells in a table.

Note: This property has no effect if border-collapse is “collapse”.

Default value: show
Inherited: yes
Animatable: no. Read about animatable
Version: CSS2
JavaScript syntax: object.style.emptyCells=”hide” Try it
CSS Syntax
empty-cells: show|hide|initial|inherit;
Property Values
Value Description
show Display borders on empty cells. This is default
hide Hide borders on empty cells
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit