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”

Author

  • Manoj Kumar

    Hi, My name is Manoj Kumar. I am a full-stack developer with a passion for creating robust and efficient web applications. I have hands-on experience with a diverse set of technologies, including but not limited to HTML, CSS, JavaScript, TypeScript, Angular, Node.js, Express, React, and MongoDB.

Leave a Comment