CSS3

プロパティ

empty-cells

→●、mdn

表示される内容物がないセル（空セル）の周囲の境界線のレンダリングを制御。

分離された境界線モデル（border-collapse:separate）では、このプロパティは、表示されるコンテンツがないセルの周囲の境界線のレンダリングを制御します。

空のセルと「visibility」プロパティが「hidden」に設定されているセルは、表示されるコンテンツがないと見なされます。表示されるコンテンツには「 」が含まれます およびASCIICR（"\x0D"）、LF（"\x0A"）、タブ（"\x09"）、およびスペース（"\x20"）を除くその他の空白。

show

（通常のセルのように）空のセルの周囲に境界線が描画されます。

<TABLE style="border:1px solid red;
 empty-cells:show;
">
 <TR><TD style="border:1px solid #0008">TD<TD style="border:1px solid #0008">
 <TR><TD style="border:1px solid #0008">TD<TD style="border:1px solid #0008">TD
</TABLE>

hide

空のセルの周囲に境界線が描画されないことを意味します。さらに、行のすべてのセルの値が「hide」で、表示されるコンテンツがない場合、行全体が「display:none」のように動作します。

<TABLE style="border:1px solid red;
 empty-cells:hide;
">
 <TR><TD style="border:1px solid #0008">TD<TD style="border:1px solid #0008">
 <TR><TD style="border:1px solid #0008">TD<TD style="border:1px solid #0008">TD
</TABLE>

関連

border-collapseプロパティ。

テスト