empty-cellsプロパティは、border-collapseプロパティの値がseparateの場合に、空セルのボーダーと背景の表示方法を指定します。

対応ブラウザ

• 
• 
• 
• 
• 
• 
• 

プロパティの解説

値

show｜hide｜inherit

初期値

show

適用される要素

テーブルのセル要素（th, td要素）

継承

します

パーセント値

N/A

メディア

visual

値の解説

show

空セルとボーダーの背景を表示します。（他のセルと同じ）

hide

空セルとボーダーの背景を表示しません。
なお、同じ行の全てのセルの値がhideになり、なおかつ可視の内容を含まない場合は行全体がdisplay: none;を指定したかのように表示されます。

empty-cellsのサンプル

table {
  margin-left: 10px;
  margin-bottom: 15px;
  border: 1px solid #666;
  border-collapse: separate;
  border-spacing: 2px;
}

table th {
  padding: 10px;
  background: #efefef;
  border: 1px solid #666;
}

table td {
  padding: 10px;
  background: #fff;
  border: 1px solid #666;
}

table.sample01 th {
  empty-cells: show;
}

table.sample02 th {
  empty-cells: hide;
}

このサンプルを今見ているブラウザで表示すると以下のようになります。

サンプルのブラウザ上の表示

show

	タイプM	タイプL
価格	265万～	291万～

hide

	タイプM	タイプL
価格	265万～	291万～