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

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

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

このエントリーをはてなブックマークに追加

<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;">の例