CSS empty-cells

Also see the full, alphabetical list of CSS properties

The CSS empty-cells property specifies whether to display or hide borders on empty table cells.

Empty table cells are cells that don't contain any visible content. Visible content includes " " and other whitespace except ASCII CR ("\0D"), LF ("\0A"), tab ("\09"), and space ("\20")

When the empty-cells property is set to 'show', borders are drawn around the empty cell. When set to 'hide', no borders are drawn around it.

Syntax:	empty-cells: <value>;
Possible Values:	show hide inherit
Initial Value:	Show
Applies to:	'table-cell' elements
Inherited:	Yes
Media:	Visual
Example:	`table { empty-cells: show }`
Try it yourself!	HTML Editor <style type="text/css"> table { empty-cells: show; } </style> <table border="1"><tr><td>Cell 1</td><td></td><tr> <tr><td>Cell 3</td><td>Cell 4</td></tr> </table> <p>If this does not seem to work, it could be a browser compatibility thing - at the time of writing browser support for the empty-cells property was limited.</p>

Also see all CSS properties listed alphabetically

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/properties/css_empty-cells.cfm">CSS empty-cells</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites