empty-cells

Home>CSS>プロパティリファレンス>empty-cells

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

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

empty-cellsプロパティの役割

empty-cellsプロパティは、テーブルにおいて空のセルの表示方法を指定します。

empty-cellsプロパティを機能させるには、border-collapseプロパティに、separateを指定します。

empty-cellsプロパティに設定できる値

hide 空セルの枠線を非表示。
show 空セルの枠線を表示。

empty-cellsプロパティの使い方

<table style="border-collapse:separate;empty-cells:hide" border="1">
<tr><td></td><td>空のセル</td><td>の表示</td></tr>
<tr><td>を</td><td>チェック</td><td></td></tr>
</table>

空のセルの表示
チェック

上記のサンプルでは、データの入っていないセルの枠線を非表示にしています。

関連リンク

よく読まれている記事

UpDate:2010-8-6