<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><section><h1>bgcolor 属性 (HTML, XHTML 1)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML</anchor> の <dfn><code class="HTMLe">bgcolor</code> 属性</dfn>は、
<ruby>キャンバス<rt>画布</rt></ruby>の背景色を指定します。</p><p>この属性が指定できる要素型と適用対象は、次の表の通りです。</p><table><tbody><tr><td>要素型</td><td>適用対象</td><td>仕様</td></tr><tr><td><code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">body</anchor></code></td><td>文書本体の背景</td><td>[HTML 4]</td></tr><tr><td><code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">table</anchor></code>, <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">tr</anchor></code>, <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">th</anchor></code>, <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">td</anchor></code></td><td>表 (こま) の背景</td><td>[HTML 4]</td></tr><tr><td><code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">input</anchor></code> (<code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">type</anchor></code> が <code class="HTML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">text</anchor></code>, <code class="HTML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">textarea</anchor></code>, <code class="HTML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">password</anchor></code>)</td><td>入力欄の背景</td><td>[WebTV]</td></tr><tr><td><code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">textarea</anchor></code></td><td>入力欄の背景</td><td>[WebTV]</td></tr><tr><td><code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">select</anchor></code></td><td>選択欄の背景</td><td>[WebTV]</td></tr></tbody></table><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> 仕様書:<ul><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML 4</anchor>: 15.1.1 Background color
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;present/graphics.html#background-color&quot;">IW:HTML4:&quot;present/graphics.html#background-color&quot;</anchor-external></li></ul></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form><section><h1>代替</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> この属性は<strong>非推奨</strong>とされています <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 15.1.1</src>。
代わりに<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スタイル・シート</anchor>で背景色を指定できます。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end> 例えば、 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS</anchor> では <samp class="CSS"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">background-color</anchor></samp>
特性を使えます。</p><p>例: <samp class="HTML">&lt;<code class="HTMLe">body</code> <code class="HTMLa">bgcolor</code>=&quot;white&quot; <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">text</anchor></code>=&quot;black&quot;&gt;</samp>
という指定は、 CSS で
<samp class="CSS"><code class="HTMLe">body</code> {background-color: white; <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">color</anchor>: black}</samp>
と書けます。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>属性値</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end> この属性の型は <code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Color</anchor></code> です <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 15.1.1</src>。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">SGML</anchor> 的には <code class="SGML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CDATA</anchor></code> です。</p><p>なお、大文字・小文字は区別されません <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 15.1.1</src>。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end> この属性の既定値はありません <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 15.1.1</src>。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>応用</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[11]</anchor-end> この属性の効能は、言うまでも無く背景色の変化であります。
しかし、 HTML 4 仕様書では、文書本体や表・表のこまの背景色を指定するというだけで、
それ以上の説明がありません。</p><p><code class="HTMLe">body</code> 要素は文書本体領域ですから問題はありませんが、
表系要素に指定した場合にどうレンダリングするべきかには問題があります。
(表のこま外の部分 (境界線や余白) の色はどうなるのかや、
継承されるのかなど。)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="12" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[12]</anchor-end>
HTML 4 DTD の <code class="HTMLe">table</code> 要素の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">注釈</anchor> (参考)
には <q>background color for cells</q>
と書かれています。</p><p>(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor> [sage])</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="15" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[15]</anchor-end>
dsfgf
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor> <weak xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">2007-08-02 06:26:52 +00:00</weak>)</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>実装</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end> [WebTV] によれば、 <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">input</anchor></code> 要素と <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">textarea</anchor></code>
要素では <code class="HTML">#EAEAEA</code> が、
<code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">select</anchor></code> 要素では <code class="HTML">#AFAFAF</code> が既定値です。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="13" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[13]</anchor-end>
<cite>Document specific background and foreground control</cite> (<code>2007-02-26 22:03:02 +09:00</code> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://web.archive.org/web/19961020032532/http://www3.netscape.com/assist/net_sites/bg/index.html">http://web.archive.org/web/19961020032532/http://www3.netscape.com/assist/net_sites/bg/index.html</anchor-external></p><blockquote><p>This attribute to BODY is not currently in the proposed HTML 3.0 spec, but we're working on it. Basically, many people just want to change the color of the background without having to specify a separate image that requires another network access to load. This attribute allows just that. The format that Netscape 1.1 understands is:</p></blockquote><p>(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor>)</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>他との関係</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end> <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">body</anchor></code> 要素では、<code class="HTMLa">bgcolor</code>
属性の他に <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">text</anchor></code> 属性など前景色を指定する属性があります 
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 15.1.1</src> (但しいずれも<strong>非推奨</strong>です)。</p><p>前景色・背景色の属性が HTML や CSS などで指定されていないと、
ブラウザやシステムの既定の色が使われますが、
一方だけが指定されている場合、ほとんどのシステムでは他方の色はやはり既定のものが使われます
(もう片方の反転色などを自動的に算出する実装も考えられますが、
実在するのでしょうか?)。ですから、
一般には片方を指定するのならもう一方も同時に指定することが好ましいと考えられています。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> <code class="HTMLe">select</code> 要素では <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">multiple</anchor></code> 属性, 
<code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">size</anchor></code> 属性と併用しなければなりません <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">WebTV</src>。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="14" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[14]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Classic Mozilla</anchor> では <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">background</anchor></code>
が指定されていて <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">bgcolor</anchor></code>
が指定されていない場合、 <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">text</anchor></code>,
<code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">link</anchor></code>,
<code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">vlink</anchor></code>, <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">alink</anchor></code>
は無視されました。
(詳しくは <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">background</anchor></code>
の項を参照。)</p></section></section><section><h1>歴史</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="16" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[16]</anchor-end> <cite>Document specific background and foreground control</cite>
( (<time>2013-03-05 11:23:04 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://web.archive.org/web/20020806181026/http://wp.netscape.com/assist/net_sites/bg/">http://web.archive.org/web/20020806181026/http://wp.netscape.com/assist/net_sites/bg/</anchor-external></p><section><h1>NN3</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end> 
<cite>Welcome to Netscape Navigator 3.0</cite>, <time>2024-08-16T11:46:39.000Z</time>, <time>2002-06-30T20:10:08.695Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://web.archive.org/web/20020630200918/http://wp.netscape.com/eng/mozilla/3.0/relnotes/windows-3.0.html#Layout">https://web.archive.org/web/20020630200918/http://wp.netscape.com/eng/mozilla/3.0/relnotes/windows-3.0.html#Layout</anchor-external></p></section></section></body></html>