Rumah >hujung hadapan web >tutorial css >css empty-cells属性怎么用
css empty-cells属性怎么用
- 青灯夜游asal
- 2019-05-28 17:16:422686semak imbas
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>效果图：
Atas ialah kandungan terperinci css empty-cells属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css list-style属性怎么用Artikel seterusnya：css content属性怎么用