empty-cells

空白セルの枠線を表示させるかどうかを指定します。

border-collapseプロパティでcollapseを指定している場合は、このプロパティは無視されるようです。

ブラウザ

N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2

書式

要素[.class名][#id名]{ empty-cells : 値; }

▲PageTop

指定できる値

値	初期値	意味
show	○	枠線を表示します。
hide		枠線を表示しません。
inherit		親要素の値を継承します。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1 {
        empty-cells : show;
        border-collapse : separate;
        width : 50%;
      }
      #sample2 {
        empty-cells : hide;
        border-collapse : separate;
        width : 50%;
      }
      #sample1 td{ border : solid #999999 1px; }
      #sample2 td{ border : solid #999999 1px; }
    </style>
  </head>
  <body>
    <table id="sample1">
      <caption>「empty-cells : show」を指定</caption>
      <tr>
        <td>改行</td>
        <td>入力されていない</td>
      </tr>
      <tr>
        <td><br></td>
        <td></td>
      </tr>
    </table>
    <br>
    <table id="sample2">
      <caption>「empty-cells : hide」を指定</caption>
      <tr>
        <td>改行</td>
        <td>入力されていない</td>
      </tr>
      <tr>
        <td><br></td>
        <td></td>
      </tr>
    </table>
  </body>
</html>

表示結果

「empty-cells : show」を指定
改行	入力されていない

「empty-cells : hide」を指定
改行	入力されていない

▲PageTop

empty-cells

ブラウザ

書式

指定できる値

サンプル

ソースコード

表示結果

関連項目

HTML

CSS