empty-cellsプロパティ
empty-cellsプロパティは、<table>エレメントのセルが空の場合に罫線を表示するか、しないかを設定するプロパティです。
empty-cells: hide;
border-collapse: collapse;といった、一重線の場合は機能しません。
<table>エレメントに関するプロパティです。
構文(Syntax)
CSS
empty-cells: show | hide | initial | inherit ;
DOM(JavaScript)
String = object.style.emptyCells;
object.style.emptyCells=" show | hide | initial | inherit ";
値(Values)
Value | 摘要 |
---|---|
show | 初期値(default値)、セルの罫線は表示される |
hide | セルの罫線は表示しない |
initial | 初期値に戻す |
inherit | 親エレメントのプロパティを継承 |
備考(Remarks)
初期値(Default value) | show |
継承(Inherited) | Yes |
CSS Animation | No |
Example
empty-cellsの例です。空のセルの罫線は表示されません。
デフォルトでは<td>エレメントの罫線が表示されます。
以下の例では、上はデフォルトの設定、下がempty-cells:hide;の場合の設定です。
関連(Related)
HTML、CSS、DOMのTABLEに関する用途一覧です。
HTML
CSS
- 罫線
- empty-cells、 table-layout
- キャプション
- caption-side
DOM
エレメントに関する用途一覧を参照して下さい。