CSS empty-cells 属性

CSS empty-cells 属性定义了用户端 user agent 应该怎么来渲染表格 <table> 中没有可见内容的单元格的边框和背景。

实例

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

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
table
{
border-collapse: separate;
empty-cells: hide;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td>史蒂夫</td>
<td>罗杰斯</td>
</tr>
<tr>
<td>马斯克</td>
<td></td>
</tr>
</table>
<p><b>注释：</b>如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 empty-cells 属性。</p>
</body>
</html>

运行一下

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

属性
empty-cells	1.0	8.0	1.0	1.2	4.0

注释：如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 empty-cells 属性。

定义和用法

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

注释：某些版本的 IE 浏览器不支持此属性。

说明

该属性定义了不包含任何内容的表单元格如何表示。如果显示，就会绘制出单元格的边框和背景。除非 border-collapse 设置为 separate，否则将忽略这个属性。

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

可能的值

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

CSS empty-cells 属性

实例

浏览器支持

定义和用法

说明

可能的值

相关页面

分类导航