empty-cells
Home>CSS>プロパティリファレンス>empty-cells
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>
空のセル | の表示 | |
を | チェック |
上記のサンプルでは、データの入っていないセルの枠線を非表示にしています。
関連リンク
- プロパティリファレンス:border-collapse
- プロパティリファレンス:border-spacing
- プロパティリファレンス:caption-side
- プロパティリファレンス:table-layout
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-8-6