CSS empty-cells Property

CSS empty-cells property specifies whether the empty cells of a table should be hidden or visible. It accepts two values, show and hide.

The empty-cells: show; specifies that the empty cells of the table will be visible, while the empty-cells: hide; specifies that the empty cells will be hidden.

See the tables below:

Example:

.table1{
  empty-cells: show;
}
.table2{
  empty-cells: hide;
}

CSS Syntax

The empty-cells property has the following syntax:

empty-cells: show|hide|initial|inherit;

Property Values

The empty-cells property accepts the following values:

showSets borders around empty cells. This is the default value.
hideNo border is shown around empty cells.
initialSets the empty-cell property to its default value(show).
inheritInherits the empty-cell property from the parent element.

General Info

Default Valueshow
InheritedYes
JavaScript Usageelement.style.emptyCells= “hide”