Tutorial zu CSS2 © 04/2002 webnetline.de & topwebhamster.de
Cascading Style Sheets, level 2
5.Farben
Deutlich mehr Freiheit als in HTML haben Sie in CSS auch beim Definieren von Farben.
Die aus HTML gewohnten Notationen
wie #0099FF oder
Farbnamen wie white, können Sie
auch in CSS benutzen. Daneben gibt es aber noch zwei weitere,
interessante Möglichkeiten, Farben anzugeben. Nach dem Schema
rgb (rrr, ggg,
bbb) definieren Sie mit einer Angabe wie
rgb(192,0,192)
die Farbe (lila),
die 192 Rotanteile, 0 Grünanteile und 192 Blauanteile hat. Die
Angabe rgb(...) definiert also aus den einzelnen, dezimal
angegebenen, Farbanteilen die Farbmischung. Die Farbanteile sind
dabei der Reihe nach der Rotanteil, der Grünanteil und der
Blauanteil. Für jeden der drei RGB-Werte sind Zahlen zwischen 0 und
255 erlaubt. Noch intuitiver ist die Möglichkeit, mit Prozentangaben
zu arbeiten. So bewirkt eine Angabe wie rgb(70%,40%,40%)
zum Beispiel ein mattes Rot.
Farben aus der Arbeitsumgebung des Anwenders
activeborder Farbe
der aktiven Fenstertitelzeile.
Activecaption
Farbe der Überschrift in 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-Schatten von Buttons in Dialogfenstern.
Buttontext Farbe
von Texten beschrifteter Buttons in Dialogfenstern.
Captiontext Farbe
von Überschriften in Dialogfenstern.
Greytext Farbe von
deaktiviertem Text in Dialogfenstern.
Highlight Farbe
von ausgewählten Einträgen in Auswahllisten.
Highlighttext Farbe
von selektiertem Text.
Inactiveborder Farbe
einer nicht aktiven Fenstertitelzeile.
Inactivecaption Farbe
der Überschrift einer nicht aktiven Fenstertitelzeile.
Infobackground Farbe
für Tooltips und Hints (kleine Popup-Hilfen).
Infotext Textfarbe
für Tooltips und Hints.
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.
Ab der Version 2.0 der CSS-Sprache gibt es zudem die Möglichkeit,
anwender-relative Farbwörter zu verwenden, hinter denen sich Farben
verbergen, die der Anwender an seinem Rechner als Arbeitsumgebung
eingestellt hat. Damit können Sie zur Gestaltung Ihrer Inhalte
anwenderspezifische Farben verwenden, ohne dass Sie diese Farben
kennen.
|
bezahlte Bannerwerbung:
|
|
Jörg Jünemann, Berlin / Ralf Roletschek, Eberswalde
