CSS empty-cells 属性

定義と使用方法

empty-cells属性は、テーブルの空のセルの表示を設定します（「分離枠線」モードのみを使用します）。

注釈：IEブラウザの一部バージョンでは、この属性をサポートしていません。

説明

この属性は、表のセルに内容が含まれていない場合の表示方法を定義します。表示があれば、セルの枠線と背景が描画されます。border-collapseがseparateに設定されていない場合、この属性は無視されます。

も参照してください：

CSSチュートリアル：CSS 表格

HTML DOMリファレンスマニュアル：emptyCells属性

例

テーブルの空のセルに枠線と背景を隠します：

table
  {
  border-collapse:separate;
  empty-cells:hide;
  }

自分で試してみてください

CSS文法

empty-cells: show|hide|initial|inherit;

属性値

値 説明
hide 空のセルの周りに枠線を描画しません。
show 空のセルの周りに枠線を描画します。デフォルトです。
inherit 親要素からempty-cells属性の値を継承する規定です。

技術的詳細

デフォルト値： show
継承性： yes
バージョン： CSS2
JavaScript文法： object.style.emptyCells="hide"

ブラウザのサポート

テーブルの数字は、この属性を完全にサポートする最初のブラウザバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.2 4.0

注釈：！DOCTYPEが指定されている場合、Internet Explorer 8（およびそれ以降のバージョン）はempty-cells属性をサポートしています。