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>
效果圖:
以上是css empty-cells屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!