Style emptyCells Property

Example

Change how empty cells are shown:

function show() {
  document.getElementById("myTable").style.emptyCells = "show";
}

function hide() {
  document.getElementById("myTable").style.emptyCells = "hide";
}
Try it Yourself »

Description

The emptyCells property sets or returns whether to show the border and background of empty cells, or not.


Browser Support

Property
emptyCells Yes Yes Yes Yes Yes

Syntax

Return the emptyCells property:

object.style.emptyCells

Set the emptyCells property:

object.style.emptyCells = "show|hide|initial|inherit"

Property Values

Value Description
show Border and background are shown in empty cells. This is default
hide Border and background are hidden in empty cells
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit


Technical Details

Default Value: show
Return Value: A String, representing the border and background of empty cells
CSS Version CSS2

More Examples

Example

Return the emptyCells property:

alert(document.getElementById("myTable").style.emptyCells);
Try it Yourself »

Related Pages

CSS tutorial: CSS Table

CSS reference: empty-cells property


Copyright 1999-2023 by Refsnes Data. All Rights Reserved.