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:


  empty-cells: show;
  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
JavaScript Usageelement.style.emptyCells= “hide”