The CSS 2 has a possibility of setting a color to an element's background or text by using existing system values, i.e. a window frame value or a menu color value. The system colors are deprecated in newer versions of Cascading Style Sheets.

The following list represents all the system colors available:

  • ActiveBorder; active window border;
  • ActiveCaption; active window caption;
  • AppWorkSpace; background color of multiple document interfaces;
  • Background; desktop background;
  • ButtonFace; face color for three-dimensional display elements;
  • ButtonHighlight; highlight color for three-dimensional display elements;
  • 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;
  • 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; scrollbar 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;
  • ThreeDLightShow; light color for three-dimensional display elements;
  • ThreeDshadow; dark shadow for three-dimensional display elements;
  • Window; window background;
  • WindowFrame; window frame;
  • WindowText; text in windows.

Example

CSS setting system colors example:

 

›› go to examples ››