English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 参考マニュアル

CSS @ルール(RULES)

CSS 属性全書

CSS empty-cells属性の使用方法と例

empty-cells CSS属性は、見えない内容を持つテーブルセルのボーダーや背景を表示または非表示します。不间断スペース( )は見える内容として扱われます。

以下のテーブルには、この属性の使用方法とバージョン履歴、およびjavascriptスクリプトでの使用構文が示されています。

デフォルト値:show
適用:テーブルセル要素
継承:はい
アニメーション可能:いいえ。参照してください アニメーション属性
バージョン:CSS 2、3
JavaScript 構文: object.style.emptyCells="hide"

空のセルの使用構文

この属性の構文は以下の通りです:

empty-cells: show | hide | initial | inherit

以下の例では、empty-cells属性。

  table {
   empty-cells: show;
  }
テストして‹/›

属性値

以下のテーブルでは、この属性の値について説明しています。

説明
show通常のセルのように空のセルの周りにボーダーや背景を描画します。デフォルト値です。
hide空のセルの周りにはボーダーや背景がありません。
initialこの属性をデフォルト値に設定します。
inherit指定された場合、関連する要素は親要素のempty-cellsの属性値。

ブラウザの互換性

empty-cells属性のブラウザの互換性について、以下のテーブルには、この属性をサポートするブラウザの最低バージョン番号が示されています;すべての主要ブラウザがこの属性をサポートしています。

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1。2+

  • Opera 4+

警告: Internet Explorer 7および以前のバージョンでは、このempty-cells属性が必要です。IE8この属性をサポートしていますが、有効な<!DOCTYPE>

さらに詳しく

関連するチュートリアル:CSS Tables

関連属性:table-layoutborder-collapseborder-spacing