*このページは web-dou.com のアーカイブです。(2025年 サイト統合)

WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > empty-cells
empty-cells  テーブル 

空白セルのボーダーの表示・非表示を指定。

X B! FB LINE
<td></td>のように空白のセルの枠を指定します。 visibility:hiddenのセルについても適用されます。

パラメーター

show　…空白セルのボーダーも表示。
hide　…空白セルのボーダーは非表示。

サンプルコード


<table border="1" style="empty-cells: show;">
<tr><td></td><td>夏</td></tr>
<tr><td>秋</td><td></td></tr>
</table>
夏
秋

<table border="1" style="empty-cells: hide;">
<tr><td></td><td>夏</td></tr>
<tr><td>秋</td><td></td></tr>
</table>
夏
秋

<td style="border: solid 1px #ff0000; empty-cells: show;">の例
夏
秋

<td style="border: solid 1px #ff0000; empty-cells: hide;">の例
夏
秋