PHP & JavaScript Room :: 設置サンプル

実行結果

説明
empty-cells:show;空のセルの枠線を表示。

説明
empty-cells:hide;空のセルの枠線を非表示。

ソース

<style type="text/css">
    table.ec_show {
        empty-cells:show;
    }
    table.ec_hide td {
        empty-cells:hide;
    }
</style>

<table class="ec_show" border="1">
    <tr><th>値</th><th>説明</th>
    <tr><td>empty-cells:show;</td><td>空のセルの枠線を表示。</td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
</table>

<br>

<table class="ec_hide" border="1">
    <tr><th>値</th><th>説明</th>
    <tr><td>empty-cells:hide;</td><td>空のセルの枠線を非表示。</td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
</table>

polarized women