empty-cells property CSS Reference

Definition and Usage

The empty-cells CSS property specifies how user agent should render borders and backgrounds around cells that have no visible content.

  • Initial show
  • Applies to table-cell elements
  • Inherited yes
  • Media visual
  • Computed Value as specified
  • Animatable no
  • Canonical order the unique non-ambiguous order defined by the formal grammar


Formal syntax: show | hide
empty-cells: show
empty-cells: hide
empty-cells: inherit


Is a keyword indicating that borders and backgrounds should be drawn like in a normal cells.
Is a keyword indicating that no border or backgrounds should be drawn.


.contentbox td {
  empty-cells: show;


Desktop browsers

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support1.01.0 (1.7 or earlier)

Mobile browsers

FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support11.0 (1.0)863.1

Relative articles