備忘録的プログラミングリファレンス

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 AnimationNo

Example

 empty-cells プロパティの例です。

 empty-cells プロパティには、<table> エレメントのセルが空の場合に罫線を表示するか/しないかを設定します。
 デフォルトでは <td> エレメントの内容が空の場合でも罫線が表示されます。

 以下の例では、上はデフォルトの設定、下が empty-cells:hide; の場合の設定です。