CSS empty-cells プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

例

テーブル内の空セルのボーダーと背景を非表示にします：

table {
    border-collapse: separate;
    empty-cells: hide;
}
Try it Yourself ❯

定義と用法

empty-cells プロパティは、テーブル内の空セルのボーダーと背景を表示するかどうかを設定します ("separated borders" モデルのみ)。

デフォルト値： show
継承： 継承する
アニメーション可否： 不可。animatable を参照
バージョン： CSS2
JavaScript 構文： object.style.emptyCells="hide" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
empty-cells 1.0 8.0 1.0 1.2 4.0

注: IE8は、!DOCTYPE を指定した場合のみ empty-cells プロパティをサポートします。

CSS 構文

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

プロパティの値

値 説明 Play it
show 空セルの背景とボーダーを表示を表示します。これがデフォルトです Play it ❯
hide 空セルの背景またはボーダーを表示しません Play it ❯
initial プロパティにデフォルト値を設定します。initial を参照 Play it ❯
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS チュートリアル： CSS Table

HTML DOM リファレンス：emptyCells プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯