CSS empty-cells

CSSのempty-cellsは、表（テーブル）のセルが空の場合に表示するかどうかを指定するプロパティです。

書式

empty-cells: display

属性値

display

表の空のセルの表示方法を指定します。

値	意味
show	表示する
hide	表示しない
inherit	継承

初期値

show

適用対象

以下に示す要素に対して、empty-cells プロパティを適用できる。

• td
• th
• display プロパティに table-cell を指定した要素

使用例

<table border="1" style="empty-cells: show">
  <tr>
    <td>first</td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td>second</td>
  </tr>
</table>

<table border="1" style="empty-cells: hide">
  <tr>
    <td>first</td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td>second</td>
  </tr>
</table>

関連記事

• border-collapse
• border-spacing
• caption-side
• table-layout

参考文献

World Wide Web Consortium (2025) Cascading Style Sheets (CSS) Level 2