(例)【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
空白セル場合はボーダーを表示しない