カテゴリー
CSS empty-cells

【CSS】empty-cells:テーブル(表)の空白セルの表示方法を指定する

(例)【CSS】empty-cellsの使用方法

See the Pen
empty-cells
by linlin (@linlin098765)
on CodePen.

<table class="sample">
<tr><td class="sample"></td><td class="sample">1</td></tr>
<tr><td class="sample">2</td><td class="sample"></td></tr>
</table>
table.sample {
border: solid 1px black;
border-collapse: separate;
}
td.sample {border: solid 1px red; empty-cells: show;}

【CSS】empty-cells:テーブル(表)の空白セルの表示方法を指定する

 CSSのempty-cellsはテーブル(表)の空白セルの表示方法を指定するプロパティです。空白セルとはテキスト・画像が入っていない又はhidden等により非表示となっているものを指します。

  • show
    空白セル場合でもボーダーを表示
  • hide
    空白セル場合はボーダーを表示しない