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!