English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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属性のブラウザの互換性について、以下のテーブルには、この属性をサポートするブラウザの最低バージョン番号が示されています;すべての主要ブラウザがこの属性をサポートしています。
|
警告: Internet Explorer 7および以前のバージョンでは、このempty-cells属性が必要です。IE8この属性をサポートしていますが、有効な<!DOCTYPE>。
関連するチュートリアル:CSS Tables。