XHTML/CSS・トップ | CSS基礎知識・目次

●システムカラーのキーワード

 CSSではシステムカラーを表すキーワードを使って色指定することもできます。システムカラーとは訪れるユーザーが使っているOSのGUI環境で使用されている色のことです。ユーザーのGUI環境に該当する色がない場合は、それに近い色、またはシステムのデフォルトの色が表示されます。

GUI環境の色 キーワード 説明
  ActiveBorder アクティブなウィンドウの枠の色
  ActiveCaption アクティブなウィンドウのタイトルバーの背景色
  AppWorkspace アプリケーション作業領域の背景色
  Background デスクトップの背景色
  ButtonFace ボタンの表面の色
  ButtonHighlight (タブキーや方向キーで移動時)選択されている状態のときのボタンの色
  ButtonShadow ボタンの影の部分の色
  ButtonText ボタンの文字色
  CaptionText ウィンドウのタイトルバーの文字色
  GrayText 選択できないことを示す項目(領域)の文字色
  Highlight (タブキーや方向キーで移動時)選択されている状態のときの背景色
  HighlightText (タブキーや方向キーで移動時)選択されている状態のときの文字色
  InactiveBorder アクティブでないウィンドウの枠の色
  InactiveCaption アクティブでないウィンドウのタイトルバーの背景色
  InactiveCaptionText アクティブでないウィンドウのタイトルバーの文字色
  IInfoBackground ツールチップの背景色
  InfoText ツールチップの文字色
Menu プルダウンメニューの背景色
MenuText プルダウンメニューの文字色
  Scrollbar スクロールバー・パーツの上面の色(灰色の部分)
  ThreeDDarkShadow 立体的な部品の外側側面の影の部分の色(右と下の影の部分)
  ThreeDFace 立体的な部品の上面の色
  ThreeDHighlight (タブキーや方向キーで移動時)立体的な部品が選択されている状態のときの色
  ThreeDLightShadow 立体的な部品の外側側面の影の部分の色(左と上の影の部分)
  ThreeDShadow 立体的な部品の影の部分の色(影の一番外側)
  Window ウィンドウの背景色
  WindowFrame ウィンドウの枠の色
  WindowText ウィンドウの文字色

【バグについて】

 システムカラーを表すキーワードによる色設定は、HTML 4.01 DTD〜XHTML 1.0 DTD〜XHTML 1.1 DTDの、どの種類・バージョンでも有効ですが、XHTML Basic (1.0) DTDでは筆者の利用する携帯電話対応サイトでは‘Window’のキーワード以外、色の反映の確認はできませんでした。携帯電話対応サイトにシステムカラーを用いる場合、確認されることをおすすめします。なお、Netscape4.0はシステムカラーに対応していません。

ケータイ電話用GUI色実験Webページ

ケータイにURL情報を送る

XHTML/CSS・目次 | CSS基礎知識・目次

Copyright (C) 2009 http://www.xml.vc/