You are here:
Web Design > CSS > Using System Colours.

Using System Colours

Besides the various other colour (or color) values like:

code:

METHOD      SAMPLE
------------------
Hex         #FFFFFF
Colour      white
Decimal     rgb(255,255,255)
Percentage  rgb(0%,0%,0%)

Keyword Colours

You can also use keywords like:

code:

ButtonFace
ButtonHighlight
MenuText
Background
ButtonText

Sample Keyword use

code:

span.spanCmd { background-color:ButtonFace; color:ButtonText }

This is perfect for websites that offer computer tutorials because with a little bit of imagination, you can simulate buttons (in the colours of the user's operating system) without much effort. Look at the sample effect below:

CLICK HERE for a surprise!

Now that you've figured out that it's not REALLY a button but just looks like one, you'll quickly understand what other cool things you can do with this information.

CSS2 colour

Just a reminder, these are colour - NOT font, properties! From my own tests, I can assure you that this CSS2 color values are now supported by MSIE 6, Mozilla 1.0 and Opera 6.

Over time, I will add some other valid keyword values to the list above. So check back often or please feel free to submit them to me via GIDForums™.

You are here:
Web Design > CSS > Using System Colours.