介绍
这篇文章主要介绍了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中空单元属性的使用方法内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!