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 »
Definition and Usage
The emptyCells property sets or returns whether to show the border and background of empty cells, or not.
Browser Support
The emptyCells property is supported in all major browsers.
Note: The default value is different in different browsers. In IE, Chrome and Safari, the default value is "show", while in Firefox and Opera the default value is "hide".
Note: The emptyCells property is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports it.
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
Style Object
