CSS EMPTY-CELLS
In the “separated borders” model, this property specifies whether to render borders around cells with no visible content. Content with a ‘visibility’ property value of “hidden” or certain whitespace characters (Unicode 09[tab], 0A[linefeed], 0D[Carriage Return], and 20[space]) are not considered to be “visible” content by themselves.
Example
| td { empty-cells: hide }
<td style=”empty-cells: hide”> </td> |
Possible Values
| Value | Description |
|---|---|
| inherit | Explicitly sets the value of this property to that of the parent. |
| show | Render the specified border style for cells that do not contain visible content. |
| hide | Do not render any specified border style for cells that do not contain visible content. |
One Response
Using this created some brief moments of frustration for me recently. Do NOT use this css if you have table cells with background images. The images will NOT show up on your site. He he… Initially, I assumed it would make spaces between cells disappear, thus brining your tables cells closer – not so. That’s cellspacing:0 and border-collapse:collapse and sometimes border-spacing.