empty-cells 隐藏或显示空单元格
CSS empty-cells 隐藏或显示table表格空单元格
语法：
empty-cells : hide | show
参数：
- hide : 隐藏
- show : 显示
说明：
设置或检索当表格的单元格无内容时，是否显示该单元格的边框。
只有当表格边框独立（例如当border-collapse属性等于separate时）此属性才起作用。
目前IE5.5尚不支持此属性。
对应的脚本特性为 emptyCells 。
示例：
- table { caption-side: top; width: auto; border-collapse: separate; empty-cells: hide; }
实例
隐藏表格中空单元格上的边框和背景：
table { border-collapse:separate; empty-cells:hide; } 扩展阅读：
浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有浏览器都支持 empty-cells 属性。
注释：如果已规定 !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 属性的值。 |
正文到此结束
热门推荐
相关文章
近期评论
-
你这基本没有更新呀，最近文章显示还是2019年的文章。不符合要求哈
-
关键词：慕云博客 链接：https://www.lilun.me 描述：分享原创文字的个人博客
-
-
-
可以提供一下源码吗
-
不是商业站，鸡娃学习笔记
-
-
-
-
听他们说很厉害的样子
Loading...
![[HBLOG]公众号](http://www.liuhaihua.cn/img/qrcode_gzh.jpg)
