色指定は正しく指定しましょう

色の指定方法には色の名前を指定するものもありますが、それはここでは扱いません。 ここで問題とするのはHTMLとCSSで共に使える色番号指定の方法です。

HTMLやCSSを手書きで行っている人にとっては当たり前の話のハズなんですが、色番号を指定する場合、

#3399ff

というように番号の前に#をつけて指定しなくてはいけません。

もし、この#を記述していない場合、多くのブラウザでは無理矢理色番号として拡大解釈するようですが、 これは好ましいレンダリング結果ではありません。 そのため、IE6の標準準拠モードと、MozillaのStandardモードではこれらの間違った色指定を無視するようになっています。

また、余談ですが色の指定が存在し、色名を正しく解釈できなかった場合のブラウザの挙動ですが、 これは仕様書に明記されていませんので、ブラウザ依存となります。 ですから、色の値がおかしい場合にIEである色が表示されたとしても、Mozillaでも同じ色で見えるかどうかは全くわかりませんし、 そうなる確率は無いと考えておくべきでしょう。

似たような問題として、CSSによるLength値は必ず単位が必要ですという記事も書いています。 是非、あわせて読んでおいてください。