欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > css3案例分享 >

Css empty-cells属性怎么用

发布时间:2019-05-29  编辑:杨雨个人博客网站   点击:   

Css empty-cells属性用于设置是否显示表格中的空单元格(仅用于“分离边框”模式)。该属性定义了不包含任何内容的表单元格如何表示;如果显示,就会绘制出单元格的边框和背景。

Css empty-cells属性怎么用

Css empty-cells属性怎么用?

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

语法:

empty-cells:hide|show|inherit;

属性值:

hide:不在空单元格周围绘制边框。

show:在空单元格周围绘制边框。默认。

inherit:规定应该从父元素继承 empty-cells 属性的值。

说明:该属性定义了不包含任何内容的表单元格如何表示。如果显示,就会绘制出单元格的边框和背景。除非 border-collapse 设置为 separate,即“分离边框”模式下,否则将忽略这个属性。

注释:所有浏览器都支持 empty-cells 属性。如果已规定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 empty-cells 属性,某些版本的 IE 浏览器不支持此属性。

Css empty-cells属性 示例

<!DOCTYPE Html>
<Html>
<head>
<meta charset="utf-8">
<style>
table
{
border-collapse:separate;
empty-cells:hide;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td></td>
</tr>
</table>
</body>
</Html>

效果图:

1.jpg 本文地址:http://itbyc.com/web/css3/21113.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1