HTML5-Handbuch - die neuen Features von HTML5

Farbwörter werden im Folgenden erläutert.
Beispiel
    div.tooltipp {
     
color: InfoText;
     
background-color: InfoBackground;
    }
Erläuterung
    Im Beispiel wird für eine CSS-Klasse namens
tooltipp
festgelegt, dass
div
-Bereiche mit
class="tooltipp"
als Hintergrund bzw. Vordergrund die Farben erhalten, die der Anwender in seiner grafischen Benutzeroberfläche für Tooltipp-Fenster eingestellt hat. Die nachfolgende Tabelle listet Farbwörter dieser Art auf.
Farbwort
Bedeutung
ActiveBorder
Rahmenfarbe des aktiven Fensters.
ActiveCaption
Hintergrundfarbe der aktiven Fenstertitelzeile.
AppWorkspace
Farbe des Hintergrunds der aktiven Anwendung.
Background
Farbe des Desktop-Hintergrunds.
ButtonFace
Farbe von Buttons in Dialogfenstern.
ButtonHighlight
Farbe für 3D-Lichteffekte von Buttons in Dialogfenstern.
ButtonShadow
Farbe für 3D-Schatten von Buttons in Dialogfenstern.
ButtonText
Farbe von Texten beschrifteter Buttons in Dialogfenstern.
CaptionText
Farbe von Überschriften in Dialogfenstern.
GrayText
Farbe von deaktiviertem Text in Dialogfenstern.
Highlight
Farbe von ausgewählten Einträgen in Auswahllisten.
HighlightText
Farbe von selektiertem Text.
InactiveBorder
Rahmenfarbe eines nicht aktiven Fensters.
InactiveCaption
Hintergrundfarbe einer nicht aktiven Fenstertitelzeile.
InactiveCaptionText
Farbe der Überschrift in einer nicht aktiven Fenstertitelzeile.
InfoBackground
Farbe für Tooltipps und Hints (kleine Popup-Hilfen).
InfoText
Textfarbe für Tooltipps und Hints (kleine Popup-Hilfen).
Menu
Farbe für Menüleisten.
MenuText
Farbe für Menüeinträge.
Scrollbar
Farbe der Scroll-Leiste in Fenstern.
ThreeDDarkShadow
Dunkle Farbe bei Schatten von 3D-Elementen.
ThreeDFace
Farbe von 3D-Elementen.
ThreeDHighlight
Farbe von gerade angeklickten 3D-Elementen.
ThreeDLightShadow
Helle Farbe bei Schatten von 3D-Elementen.
ThreeDShadow
Dunkle Farbe bei Schatten von 3D-Elementen.
Window
Hintergrundfarbe von Dokumentfenstern.
WindowFrame
Farbe von Fensterrahmen.
WindowText
Farbe von normalem Text in Dokumentfenstern.
13.4.3    Farbnamen
    Seit CSS 1.0 besteht die Möglichkeit, für Standard-VGA-Farben auch entsprechende Farbnamen anzugeben. Da in dieser Palette die Farbe Orange fehlt, wurde diese in CSS 2.1 noch als Extra-Farbe mit aufgenommen.
Beispiel
    body {
    color: black;
    background-color: white;
    }
    Das Beispiel definiert für das Dokument einen weißen Hintergrund und schwarze Schrift.
    Nachfolgende Tabelle listet die Farbnamen und die ihnen entsprechenden Hexadezimalangaben auf.
Farbname
Entsprechende Hexadezimalangabe
black
#000000
gray
#808080
maroon
#800000
red
#FF0000
green
#008000
lime
#00FF00
olive
#808000
yellow
#FFFF00
navy
#000080
blue
#0000FF
purple
#800080
fuchsia
#FF00FF
teal
#008080
aqua
#00FFFF
silver
#C0C0C0
white
#FFFFFF
orange
#FFA500
    Da Farbnamen sehr praktisch und benutzerfreundlich sind, hat der Netscape-Browser bereits frühzeitig ein umfangreicheres Set von insgesamt 120 Farbnamen entwickelt. Diese Farbnamen gehören zwar nicht zum CSS-Standard, werden aber von allen modernen Browsern erkannt und erzeugen zumindest keine syntaktischen Fehler in