empty-cells

定义

empty-cells 属性设置是否显示表格中的空单元格。

语法

empty-cells：hide|show|inherit;

属性值

值	说明
hide	不在空单元格周围绘制边框。
show	在空单元格周围绘制边框。默认。
inherit	规定应该从父元素继承 empty-cells 属性的值。

实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>NTHOME-零基础入门学习Web（HTML5+CSS3）</title>
    <style>
        table
        {
            border-collapse:separate;
            empty-cells:hide;
        }
    </style>
</head>
<body>
   <table border="1">
       <tr>
           <th>名称</th>
           <th>进度</th>
       </tr>
       <tr>
           <td>零基础入门学习Web开发（HTML5 & CSS3）</td>
           <td>正在更新中~</td>
       </tr>
       <tr>
           <td>零基础入门学习Web开发（JavaScript）</td>
           <td>敬请期待</td>
       </tr>
       <tr>
           <td>零基础入门学习Web开发（PHP）</td>
           <td></td>
       </tr>
   </table>
</body>
</html>

名称	进度
零基础入门学习Web开发（HTML5 & CSS3）	正在更新中~
零基础入门学习Web开发（JavaScript）	敬请期待
零基础入门学习Web开发（PHP）

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari	Chrome	FireFox	IE
1.0	1.0	1.0	8.0