These colors are defined by the settings of the user’s operating system. See the CSS2 Specification for definitions and more information. WebReference.com’s DHTML Lab has an article on accessing these colors with JavaScript.
| 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 | ![]() |