■システムカラーによる色の設定
ActiveBorder アクティブなウィンドウの色
ActiveCaption アクティブなウィンドウのタイトルバー
AppWorkspace アプリケーション内のウィンドウの背景色
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 ウィンドウのテキストの色

<style type="text/css">
<!--
div{background-color:ButtonHighlight;color:ButtonShadow;}
-->
</style>

<div>
このように表示されます。<br>
各OSにより色が異なります。
</div>

このように表示されます。
各OSにより色が異なります。