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>
效果图:
以上就是css empty-cells属性怎样用的细致内容,更多请关注ki4网别的相干文章!