ホーム >>> HTML整理ノート

empty-cells 空白セルのボーダー設定

■empty-cells:値
・空白セルのボーダー設定。border-collapse:separateの場合のみ有効

値
　show ･･･(初期値）空白セルのボーダーを表示する
　hide ･･･空白セルのボーダーを表示しない

Sample
空白セルの  ボーダー  を設定
A
B

[Bの上] 無指定
[Aの左] empty-cells:hide
[Bの右] empty-cells:show
[Aの下] empty-cells:hide

Sample Source......................................................................>>>

<table border="1">
  <tbody>
    <tr>
      <td>空白セルの</td>
      <td>ボーダー</td>
      <td>を設定</td>
    </tr>
    <tr>
      <td></td>
      <td style="border-collapse:separate;empty-cells:hide"></td>
      <td>A</td>
    </tr>
    <tr>
      <td>B</td>
      <td style="border-collapse:separate;empty-cells:show"></td>
      <td style="border-collapse:separate;empty-cells:hide"></td>
    </tr>
  </tbody>
</table>