CSS empty-cells属性，设置空单元格样式

empty-cells属性

如果HTML文档表格中存在空的单元格，那么就可以通过CSS中的empty-cells属性来设置空单元格的样式，注意，该属性仅适用于分离边框模式的表格。

语法

table{ empty-cells: value}

可选属性值

属性值描述
hide不显示空单元格的边框
show显示空单元格的边框
inherit从父元素继承empty-cells属性值

empty-cells属性实例代码，及在线编辑器

<table border='1' id='t1'>
  <tr><td>CSS</td><td>HTML</td><td>JavaScript</td><tr>
  <tr><td>Python</td><td>Golang</td><td></td><tr>
</table>

<style>
  #t1{width:100%;padding:5px;border-collapse: separate;empty-cells: hide;}
</style>

全栈编程 / CSS教程(可向下滚动)：


















Copyright © 2022-2023 笨鸟工具 x1y1z1.com All Rights Reserved.