• 技术文章 >web前端 >css教程

    css empty-cells属性怎么用

    青灯夜游青灯夜游2019-05-28 17:16:42原创1181
    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

    以上就是css empty-cells属性怎么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css empty-cells属性
    上一篇:css list-style属性怎么用 下一篇:css content属性怎么用
    千万级数据并发解决方案

    相关文章推荐

    • css怎么改变div的位置• css文字居中怎么打• 怎么将html与css分开• css justify-content属性怎么用
    1/1

    PHP中文网