CSS System Color Keywords
Color Keywords Based on User Preferences
CSS system color keywords are a way of using CSS to style your documents so that they integrate into the environment that your customers are using. Rather than specifying a color exactly, you tell the user-agent to use the colors defined on the system. For example:
background-color:Background;
Browser Safe Colors CSS Color Keywords | SVG Color Keywords | RGB to Hex Conversion Chart Color Information Links
Remember that capitalization counts with color keywords. In other words, ThreeDShadow will work, but threedshadow will not.
The color in the third column is for reference only. It will be different depending upon the color settings for the computer you're viewing this page on.
| Keyword | Description | Color |
|---|---|---|
| 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. |
Browser Safe Colors CSS Color Keywords | SVG Color Keywords | RGB to Hex Conversion Chart Color Information Links
