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

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) 8.0 4.0 1.2

Mobile browsers

Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 1 1.0 (1.0) 8 6 3.1

Relative articles