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

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

Mobile browsers

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

Relative articles