empty-cells プロパティ
empty-cells プロパティは、<table> エレメントのセルが空の場合に罫線を表示するか/しないかを設定するための CSS のプロパティです。
empty-cells: hide;
項目 | 項目 | 項目 |
---|---|---|
データ | データ | データ |
データ |
詳しくは Example を参照してください
border-collapse: collapse;といった、一重線の場合は機能しません。
<table>エレメントに関するプロパティです。
ページ内 Index
構文( Syntax )
CSS
empty-cells プロパティの CSS における構文です。
empty-cells: show | hide | initial | inherit ;
DOM ( JavaScript )
empty-cells プロパティの JavaScript における構文です。
String = object.style.emptyCells;
object.style.emptyCells=" show | hide | initial | inherit ";
値(Values)
以下は empty-cells プロパティに指定できる値です。
Value | 摘要 |
---|---|
show | 初期値(default値)、セルの罫線は表示される |
hide | セルの罫線は表示しない |
initial | 初期値に戻す |
inherit | 親エレメントのプロパティを継承 |
備考( Remarks )
empty-cells プロパティの備考です。
初期値(Default value) | show |
継承(Inherited) | Yes |
CSS Animation | No |
Example
empty-cells プロパティの例です。
empty-cells プロパティには、<table> エレメントのセルが空の場合に罫線を表示するか/しないかを設定します。
デフォルトでは <td> エレメントの内容が空の場合でも罫線が表示されます。
以下の例では、上はデフォルトの設定、下が empty-cells:hide; の場合の設定です。