Empty-cells · CSS基础

## Empty-cells 属性 ### 属性定义及使用说明 empty-cells 属性设置是否显示表格中的空单元格（仅用于"分离边框"模式）。 JavaScript 语法：object.style.emptyCells="hide" * * * ## 属性值 | 值 | 描述 | | --- | --- | | hide | 不在空单元格周围绘制边框。 | | show | 在空单元格周围绘制边框。默认。 | | inherit | 规定应该从父元素继承 empty-cells 属性的值。 | * * * ## 实例--隐藏表中的空单元格的边框和背景： ``` <!DOCTYPE html> <html> <head> <style> table { border-collapse:separate; empty-cells:hide; } </style> </head> <body> <table border="1"> <tr> <td>Peter</td> <td>Griffin</td> </tr> <tr> <td>Lois</td> <td></td> </tr> </table> <p><b>Note:</b> Internet Explorer 8 supports the empty-cells property if a !DOCTYPE is specified.</p> </body> </html> ```