CSSの文字色指定

質問

ＣＳＳ検証サイトで警告が出てビックリしました。

background : buttonhighlight;　の部分です。

解説は：　色の名前に大文字／小文字の区別はありませんが、名前をより区別しやすくするため、大文字を混ぜて使う事が推奨されます:
って事でした・・・

background : ButtonHighlight;　が正しいそうですが、
どちらでも良いような気もしますし
他のサイトで調べてみましたが答えが出ません。
色名等は、頭文字を大文字にすべきなのでしょうか？？？

回答No.1

quads · ベストアンサー

buttonhighlight という値は、システムカラーを参照するものです。
通常の red や green とは少し異なります。

Blue と blue に関してはどちらでも構いませんが、
ButtonHighlight と buttonhighlight では、前者が好まれます。

例えば、システムカラーの名前には、
ThreeDHighlight
というものもあります。

これを、
threedhighlight
と書いても、CSS的には問題なく解釈できますが、

人が見たとき、
threadhighlight（スレッドハイライト）とか誤読してしまう可能性があります。
正しくは、『 3Dハイライト 』です。
3D を ThreeD と書いているわけです。

こういう意味も込めて、システムカラー名に関しては、語で大文字にすべきところは大文字にした方が好ましいと考えられています。

ただ、あなたの仰る通り、全て小文字でも文法的には問題ありません。
なお、red 等に関してはこの限りではありません。
通常の色を名前で指定するときは全て小文字で書かれることも多いです。

「赤」を表現したいときに、red と指定するのと #ff0000 と指定するのはどちらがよいかについては、状況によります。
『なぜ「赤」にするのか』ということや、『「red」という値が正しく解釈されるか』といった様々な観点から評価すればその答えが出るかもしれません。

今回の質問であるシステムカラーの表記に関しては、大文字小文字を混ぜた方が懸命です。

余談ですが、システムカラーは一定の色ではありません。
cf. http://www.remus.dti.ne.jp/%7Ea-satomi/nikki/2002/11a.html#d08n01

参考URL：

http://hp.vector.co.jp/authors/VA022006/chart.html#system-colors

お礼

タイトルに文字色指定と書きましたが、背景色の間違いです・・・

詳しい説明ありがとうございます。
これについて書いてるサイトが探せなくて・・・スッキリしました。

システムカラーは、あまり利用しませんが、
display:block の背景で何となく使ってみました。
ButtonHighlight にしておきます。