Mai 09
Normalerweise legt man sich bei der Farbwahl der Webseite auf bestimmte Farben fest, die bei jedem Besucher identisch aussehen. Mit Hilfe von CSS2 können aber auch die Systemfarben des Besuchers ermittelt und eingesetzt werden.
Durch den Einsatz der Systemfarben hat man die Farbkontrolle der Webseite an den Benutzer abgegeben. Hat dieser einen rötlichen Hintergrund erscheint Ihre Webseite ebenfalls in diesen Farben. Einerseits kommt dem Besucher Deine Webseite dadurch womöglich vertraut vor, andererseits kann bei ausgefallenen Desktopfarben Deine Webseite schnell unübersichtlich oder sogar unleserlich werden.
Hier eine Übersicht der möglichen Farbnamen:
| Farbname | Beschreibung | Beispiel |
|---|---|---|
ActiveBorder |
Aktiver Fensterrahmen | |
ActiveCaption |
Hintergrund eines aktiven Fensterrahmens | |
ActiveCaptionText |
Text eines aktiven Fensterrahmens | |
AppWorkspace |
Hintergrund einer Anwendung | |
Background |
Desktophintergrund | |
ButtonFace |
Oberfläche eines Buttons | |
ButtonHighlight |
Markierter Button | |
ButtonShadow |
Schatten eines Buttons | |
ButtonText |
Text eines Buttons | |
CaptionText |
Text einer Titelleiste | |
GrayText |
Ausgegraute bzw. deaktivierte Elemente | |
Highlight |
Markierte Elemente | |
HighlightText |
Markierter Text | |
InactiveBorder |
Inaktiver Fensterrahmen | |
InactiveCaption |
Hintergrund eines inaktiven Fensterrahmens | |
InactiveCaptionText |
Text eines inaktiven Fensterrahmens | |
InfoBackground |
Hintergrund eines Tooltipps | |
InfoText |
Text eines Tooltipps | |
MenuText |
Text eines Menüs | |
ScrollBar |
Hintergrund eines Scrollbalkens | |
ThreeDDarkShadow |
Dunkler Schatten eines 3D-Elementes | |
ThreeDFace |
Oberfläche eines 3D-Element | |
ThreeDHighlight |
Markiertes 3D-Element | |
ThreeDLightShadow |
Heller Schatten eines 3D-Elementes | |
ThreeDShadow |
Schatten eines 3D-Elementes | |
Window |
Hintergrund eines Fensters | |
WindowFrame |
Fensterrahmen | |
WindowText |
Text innerhalb eines Fensters |
Tags: CSS, System, Systemfarben