CSS2 allows authors to specify colors in a manner that integrates them into the user's graphic environment. Look at the example, then change color settings of your computer and look again.
| XML Source | CSS stylesheet | Example link |
|---|---|---|
|
(1)
<AAA> <ActiveBorder>ActiveBorder</ActiveBorder> <ActiveCaption>ActiveCaption</ActiveCaption> <AppWorkspace>AppWorkspace</AppWorkspace> <Background>Background</Background> <ButtonFace>ButtonFace</ButtonFace> <ButtonHighlight>ButtonHighlight</ButtonHighlight> <ButtonShadow>ButtonShadow</ButtonShadow> <ButtonText>ButtonText</ButtonText> <CaptionText>CaptionText</CaptionText> <GrayText>GrayText</GrayText> <Highlight>Highlight</Highlight> <HighlightText>HighlightText</HighlightText> <InactiveBorder>InactiveBorder</InactiveBorder> <InactiveCaption>InactiveCaption</InactiveCaption> <InactiveCaptionText>InactiveCaptionText</InactiveCaptionText> <InfoBackground>InfoBackground</InfoBackground> <InfoText>InfoText</InfoText> <Menu>Menu</Menu> <MenuText>MenuText</MenuText> <Scrollbar>Scrollbar</Scrollbar> <ThreeDDarkShadow>ThreeDDarkShadow</ThreeDDarkShadow> <ThreeDFace>ThreeDFace</ThreeDFace> <ThreeDHighlight>ThreeDHighlight</ThreeDHighlight> <ThreeDLightShadow>ThreeDLightShadow</ThreeDLightShadow> <ThreeDShadow>ThreeDShadow</ThreeDShadow> <Window>Window</Window> <WindowFrame>WindowFrame</WindowFrame> <WindowText>WindowText</WindowText> </AAA> | AAA {background-color:#252525} ActiveBorder {color:ActiveBorder} ActiveCaption {color:ActiveCaption } AppWorkspace {color:AppWorkspace} Background {color:Background} ButtonFace {color:ButtonFace} ButtonHighlight {color: ButtonHighlight} ButtonShadow {color:ButtonShadow} ButtonText {color:ButtonText} CaptionText {color:CaptionText} GrayText {color:GrayText} Highlight {color:Highlight} HighlightText {color:HighlightText} InactiveBorder {color:InactiveBorder} InactiveCaption {color:InactiveCaption} InactiveCaptionText {color:InactiveCaptionText} InfoBackground {color:InfoBackground} InfoText {color:InfoText} Menu {color:Menu } MenuText {color:MenuText} Scrollbar {color:Scrollbar} ThreeDDarkShadow {color:ThreeDDarkShadow} ThreeDFace {color:ThreeDFace} ThreeDHighlight {color:ThreeDHighlight} ThreeDLightShadow {color:ThreeDLightShadow} ThreeDShadow {color:ThreeDShadow } Window {color:Window} WindowFrame {color:WindowFrame} WindowText {color:WindowText} | View output |