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-2024 笨鸟工具 x1y1z1.com All Rights Reserved.