- Overview
- Site Summary (RDF)
- Update Info
- RSS 1.0 (RDF)
- RSS 2.0 (XML)
システムカラー28種
概要
CSS2[CSS2]で28種類のシステムカラーが定義されており、固有のカラーネーム(color names)が与えられています。カラーネームは大文字・小文字が区別されません(case-insensitive)。
各カラーネームにどの色が割り当てられるかは、OSや画面設定などユーザー環境によって異なるため、対応するRGB値はありません。
p { color: ActiveBorder }
カラーテーブル
システムカラー28種のカラーネームをまとめたカラーテーブルを用意しました。テキストをクリックするとその色がこのページの背景色になるので、参考にしてください(一部のブラウザを除く)。
| ActiveBorder | アクティブウィンドウの枠線 | |
| ActiveCaption | アクティブウィンドウのキャプション(タイトル) | |
| AppWorkspace | MDI(Multiple Document Interface)の背景 | |
| Background | デスクトップの背景 | |
| ButtonFace | ボタンの表面 | |
| ButtonHighlight | ボタンのハイライト | |
| ButtonShadow | ボタンの影 | |
| ButtonText | ボタンのテキスト | |
| CaptionText | キャプション(タイトル)のテキスト | |
| GrayText | 選択不能なテキスト | |
| Highlight | 選択された項目 | |
| HighlightText | 選択された項目のテキスト | |
| InactiveBorder | 非アクティブウィンドウの枠線 | |
| InactiveCaption | 非アクティブウィンドウのキャプション(タイトル) | |
| InactiveCaptionText | 非アクティブウィンドウのテキスト | |
| InfoBackground | ツールチップの背景 | |
| InfoText | ツールチップの文字 | |
| Menu | メニューの背景 | |
| MenuText | メニューのテキスト | |
| Scrollbar | スクロールバー | |
| ThreeDDarkShadow | ディスプレイ上の立体表現の中の暗い影 | |
| ThreeDFace | ディスプレイ上の立体表現の中の表面 | |
| ThreeDHighlight | ディスプレイ上の立体表現の中のハイライト | |
| ThreeDLightShadow | ディスプレイ上の立体表現の中の明るい影 | |
| ThreeDShadow | ディスプレイ上の立体表現の影 | |
| Window | ウィンドウの背景 | |
| WindowFrame | ウィンドウの枠 | |
| WindowText | ウィンドウのテキスト |
参考資料
- [CSS2]
- Cascading Style Sheets, level 2, W3C Recommendation, Bert Bos, et al., 12 May 1998.
See: http://www.w3.org/TR/CSS2