適用できる要素 | テーブルのセル要素 |
---|---|
継承 | あり |
初期値 | show |
CSSのempty-cells
プロパティは表の中の空白のセルの枠線や背景を表示するか、表示しないかを制御するプロパティです。
border-collapse
プロパティがseparateの値の場合にのみ有効になるプロパティです。
empty-cells
プロパティは下記のキーワード値を設定ることが出来ます。
empty-cells: show | hide;
上記のサンプルコードではempty-cells
プロパティを使って、空白のセルの場合に枠線と背景の表示・非表示を確かめています。
空欄のセルでもempt-cells
プロパティの値によって、枠線や背景の表示・非表示が変わります。
ちなみに空欄のセルや半角スペースの場合にはempty-cells
プロパティの対象となりますが、全角スペースがセルに入っている場合は下記のように空欄のセルとはならず、背景や枠線はそのまま表示されます(つまりempty-cells
プロパティが効かない)ので注意しましょう。
CSSのempty-cells
プロパティはモダンなブラウザのほぼ全てで対応しているプロパティです。ただしIE6-7では非対応となっています。
empty-cells
プロパティのブラウザ別の対応状況は下記よりご確認頂けます。