CSS2 user interface properties samples

If you are viewing this page with a user agent that properly supports CSS2, the samples on this page will match the settings of your operating system.

More info is available in the User Interface section of the Cascading Style Sheets, level 2 CSS2 Specification.

Fonts

Cursors

Note: Move your cursor over the text below to see the changes.

Colors

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