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
