CSS empty-cells属性,设置空单元格样式
empty-cells属性
如果HTML文档表格中存在空的单元格,那么就可以通过CSS中的empty-cells属性来设置空单元格的样式,注意,该属性仅适用于分离边框模式的表格。
语法
table{ empty-cells: value}
可选属性值
属性值 | 描述 |
---|---|
hide | 不显示空单元格的边框 |
show | 显示空单元格的边框 |
inherit | 从父元素继承empty-cells属性值 |
empty-cells属性实例代码,及在线编辑器
<table border='1' id='t1'>
<tr><td>CSS</td><td>HTML</td><td>JavaScript</td><tr>
<tr><td>Python</td><td>Golang</td><td></td><tr>
</table>
<style>
#t1{width:100%;padding:5px;border-collapse: separate;empty-cells: hide;}
</style>