CSS empty-cells Property


The empty-cells property specifies how user agents should render the borders and backgrounds of cells that have no visible content. It allows you to show or hide borders and backgrounds drawn around/behind empty cells.

Empty cells and cells with the visibility property set to hidden are considered to have no visible content, and hence can be styled using the empty-cells property.

This property is used to specify whether to display the borders or not in the empty cells in a table.

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

CSS Syntax

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

Supported Browsers:

  • Firefox: 52.0, 2.0 -moz-
  • Google Chrome: 50.0, 4.0 -webkit-
  • Internet Explorer: 10.0
  • Safari: 9.0, 3.1 -webkit-
  • Opera: 37.0, 15.0 -webkit-, 11.1

Example -