--- title: HTMLTableElement.bgColor slug: Web/API/HTMLTableElement/bgColor tags: - DOM - Gecko translation_of: Web/API/HTMLTableElement/bgColor ---
{{ ApiRef() }} {{ Deprecated_header() }}

概要

bgcolor は、テーブルの背景色を取得 / 設定します。

構文

color = table.bgColor
table.bgColor =color

引数

color
色を表す文字列

例

// テーブルの背景色をゴーストホワイトに設定

var t = document.getElementById('TableA'); // 対象テーブルへの参照を変数に代入
t.bgColor = 'ghostwhite'; // テーブルに背景色を設定

t.style.backgroundColor = 'ghostwhite'; // ※style 属性を設定する事によっても可能

※bgcolor は DOM の tbody、 row、 cell オブジェクトに対して用いる事も可能です。

注記

bgcolor 属性は、HTML 4.01 で非推奨属性に指定されています。 代替として CSS の {{cssxref("background-color")}} プロパティを用います。要素の style 属性にこれを設定するか、或いはスタイルシートで設定します。

スタイルと文書情報の分離を図るのであれば、スタイルシート内に特定のクラス名でスタイルを予め定義しておき、JavaScript でテーブル要素にそのクラス名を設定するなどの方法を用いる方が良いでしょう。

/* CSS */
.ghostwhiteBackground { background-color: ghostwhite; }
/* JS */
// ※変数 t にはテーブル要素への参照が代入済みであるとする

t.setAttribute("class", "ghostwhiteBackground");

仕様書