CSS empty-cells 属性

隐藏表中的空单元格的边框和背景：

table
{
border-collapse:separate;
empty-cells:hide;
}

浏览器支持

所有主流浏览器都支持 empty-cells 属性。

empty-cells 属性设置是否显示表格中的空单元格（仅用于"分离边框"模式）。

	值
默认值:	show
继承:	yes
版本:	CSS2
JavaScript 语法:	object.style.emptyCells="hide"

属性值

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

实例

<style>
table.demo-empty-cells
{
	border-collapse:separate;
	empty-cells:hide;
}
table.demo-empty-cells1
{
	border-collapse:separate;
	empty-cells:show;
}
</style>

<table class="demo-empty-cells" border="1">
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td></td>
</tr>
</table>

<table class="demo-empty-cells1" border="1">
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td></td>
</tr>
</table>

效果

hide

Peter	Griffin
Lois

show

Peter	Griffin
Lois

相关阅读

• CSS 教程: CSS Table