>> English << | česky | PortuguêsZVON > Tutorials > CSS2 tutorial
>> Example 19 << | Prev | Next | Index | Contents

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 SourceCSS stylesheetExample 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