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

Syntax

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

Values

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

Examples

.contentbox td {
  empty-cells: show;
}

Compatibility

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