empty-cells属性怎么用?

2024-01-17 17:06 小编

       cssempty-cells属性怎么用?

 

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

 

  语法:

 

  empty-cells:hide|show|inherit;

 

  属性值:

 

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

 

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

 

  inherit:规定应该从父元素继承empty-cells属性的值。

 

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

 

  注释:所有浏览器都支持empty-cells属性。如果已规定!DOCTYPE,那么InternetExplorer8(以及更高版本)支持empty-cells属性,某些版本的IE浏览器不支持此属性。

 

  cssempty-cells属性示例

 

  <!DOCTYPEhtml>

 

  <html>

 

  <head>

 

  <metacharset="utf-8">

 

  <style>

 

  table

 

  {

 

  border-collapse:separate;

 

  empty-cells:hide;

 

  }

 

  </style>

 

  </head>

 

  <body>

 

  <tableborder="1">

 

  <tr>

 

  <td>Peter</td>

 

  <td>Griffin</td>

 

  </tr>

 

  <tr>

 

  <td>Lois</td>

 

  <td></td>

 

  </tr>

 

  </table>

 

  </body>

 

  </html>


Tag: 怎么
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码