CSS Level 2 defines several additional color names that represent the special system-specific colors used by the operating system. These names should look look very familiar to prior developers of “Fat Client” software, primarily VisualBASIC and PowerBuilder.
NOTE: These work with MSIE 5.0+ and Mozilla/Netscape 5.0+, prior browsers “try” to interpret these colors as hexadecimal RGB (Red/Green/Blue) equivalents, resulting in a huge mess.
The colors shown below will be mapped from your current operating system settings and as such MAY vary from computer to computer!
CSS 2 Color Name |
Example (Using Background-color ) |
Description |
ActiveBorder |
|
Active window border. |
ActiveCaption |
|
Active window caption. |
AppWorkspace |
|
Background color of multiple document interface. |
Background |
|
Desktop background. |
ButtonFace |
|
Face color for three-dimensional display elements. |
ButtonHighlight |
|
Dark shadow for three-dimensional display elements (for edges facing away from the light source). |
ButtonShadow |
|
Shadow color for three-dimensional display elements. |
ButtonText |
|
Text on push buttons. |
CaptionText |
|
Text in caption, size box, and scrollbar arrow box. |
GrayText |
|
Grayed (disabled) text. This color is set to #000 if the current display driver does not support a solid gray color. |
Highlight |
|
Item(s) selected in a control. |
HighlightText |
|
Text of item(s) selected in a control. |
InactiveBorder |
|
Inactive window border. |
InactiveCaption |
|
Inactive window caption. |
InactiveCaptionText |
|
Color of text in an inactive caption. |
InfoBackground |
|
Background color for tooltip controls. |
InfoText |
|
Text color for tooltip controls. |
Menu |
|
Menu background. |
MenuText |
|
Text in menus. |
Scrollbar |
|
Scroll bar gray area. |
ThreeDDarkShadow |
|
Dark shadow for three-dimensional display elements. |
ThreeDFace |
|
Face color for three-dimensional display elements. |
ThreeDHighlight |
|
Highlight color for three-dimensional display elements. |
ThreeDLightShadow |
|
Light color for three-dimensional display elements (for edges facing the light source). |
ThreeDShadow |
|
Dark shadow for three-dimensional display elements. |
Window |
|
Window background. |
WindowFrame |
|
Window frame. |
WindowText |
|
Text in windows. |
Cheers!