css中空单元属性的使用方法

  介绍

这篇文章主要介绍了css中空单元属性的使用方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

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

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

<强>语法:

空单元:隐藏|显示|继承;

<强>属性值:

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

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

继承:规定应该从父元素继承空单元属性的值。

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

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

<强> css空单元属性示例

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=皍tf-8"祝辞   & lt; style>   表格   {   border-collapse:独立;   空单元:隐藏;   }   & lt;/style>   & lt;/head>   & lt; body>   & lt;表边界=?“比;   & lt; tr>   & lt; td> Peter   & lt; td> Griffin   & lt;/tr>   & lt; tr>   & lt; td> Lois   & lt; td> & lt;/td>   & lt;/tr>   & lt;/table>   & lt;/body>   & lt;/html>

效果图:

 css中空单元属性的使用方法

感谢你能够认真阅读完这篇文章,希望小编分享css中空单元属性的使用方法内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!

css中空单元属性的使用方法