System Colors
Any color property (e.g., ’color’ or ’background-color’) can take one of the following names. Although these are case-insensitive, it is recommended that 284 23 Apr 2009 15:57 User interface the mixed capitalization shown below be used, to make the names more legible.
| 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 | Highlight color 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 contro; |
| 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 |
Example(s):
For example, to set the foreground and background colors of a paragraph to the
same foreground and background colors of the user’s window, write the following:
p { color: WindowText; background-color: Window }