🎯 CSS empty-cells Property

The empty-cells CSS property controls the visibility of empty table cells in an HTML table.

It determines whether empty <td> or <th> elements are shown or hidden in a table layout.

This property helps control the visual structure of tables, especially when some cells have no content.

• Improves table appearance
• Removes unwanted empty cell borders
• Helps clean UI design
• Useful in dynamic tables

Empty cells are visible and displayed normally with borders.

table {
    empty-cells: show;
}
                

This is the default behavior of tables in most browsers.

Empty cells are hidden from view, including their borders.

table {
    empty-cells: hide;
}
                

This is useful when you want a cleaner table appearance.

Resets the property to its default value (show).

Inherits the value from the parent element.