CSS Empty-cells property

Examples

Hide table empty cell's border and background:

table
{
border-collapse: separate;
empty-cells: hide;
}


Attribute definitions and instructions

empty-cells property set whether to show empty cells in the table (only for "separated borders" model).

Defaults: show
inherit: yes
version: CSS2
JavaScript syntax: object .style.emptyCells = "hide"


Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

All major browsers support empty-cells property.

Note:! Only the specified DOCTYPE, IE8 only support empty-cells property.


Property Value

value description
hide Not draw a border around empty cells.
show Draw a border around empty cells in the grid. default.
inherit Provisions should inherit the empty-cells property value from the parent element.


related articles

CSS tutorial: CSS the Table