CSS verwendet zur Definition von Formaten Masseinheiten, Farbangaben und Wertzuweisungen.

Farbangaben

Zur Definierung von Farben können Sie sowohl Farbnamen (black, blue, red, white, ...), hexadezimale (#000000) als auch Farbwerte in RGB (rrr,ggg,bbb) verwenden. Wertzuweisungen nach RGB sind nicht so weit verbreitet - Sie werden bei JavaApplets öfters darauf treffen - deshalb möchten wir hier etwas näher darauf eingehen.

Das Schema dazu lautet rgb(rrr,ggg,bbb). Der Ausdruck rgb(...) ist dabei immer gleich. Innerhalb der Klammern müssen drei Dezimalwerte oder drei Prozentwerte stehen, durch Komma voneinander getrennt. rrr ist der Rotwert, ggg der Grünwert und bbb der Blauwert der Farbe. Für alle drei Werte sind entweder absolute Zahlen zwischen 0 (kein Anteil der entsprechenden Farbe) und 255 (maximaler Anteil der entsprechenden Farbe) oder Prozentwerte von 0% (kein Anteil an der entsprechenden Farbe) bis 100% (maximaler Anteil der entsprechenden Farbe) erlaubt.

So lautet eine Wertzuweisung für die Farbe weiss bspw. rgb(255,255,255) und für schwarz bspw. rgb(0,0,0)

Eine Übersicht der hexadezimalen Farbangaben finden Sie hier.

"Anwenderrelative Farbwörter"

Ab CSS 2.0 besteht die Möglichkeit, anwender-relative Farbwörter zu verwenden, die den Farben entsprechen, die der Anwender an seinem Rechner als Arbeitsumgebung eingestellt hat. Auf diese Weise können Sie Farben verwenden, die auf die Umgebungsfarben des Anwenderrechners abgestimmt sind, ohne dass Sie diese Farben zu kennen brauchen.

Abkürzung	Bedeutung
activeborder	Farbe der aktiven Fenstertitelzeile
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 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 in einer nicht aktiven Fenstertitelzeile.
infobackground	Farbe für Tooltips und Hints (kleine Popup-Hilfen).
infotext	Textfarbe für Tooltips 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.

Beispiel

Massangaben

Bei numerischen Angaben zu Eigenschaften wie bspw. bei Schriftgrößen, Rahmen oder Rändern stehen Ihnen eine Reihe von Masseinheiten zur Verfügung. Dabei sind absolute Angaben (z.B. Millimeter) und relative Angaben (z.B. Prozent gegenüber "normal") möglich. Nachfolgend eine Aufstellung der für CSS gültigen Masseinheiten:

Abkürzung	Angabetyp	Bedeutung
pt	absolut	Steht für Punkt. 1 Punkt entspricht 1/72 Inches.
pc	absolut	Steht für Pica. 1 Pica entspricht 12 Punkt.
in	absolut	Steht für Inch. 1 Inch entspricht 2.54 Zentimetern.
mm	absolut	Steht für Millimeter.
cm	absolut	Steht für Zentimeter.
px	absolut/relativ	Steht für Pixel. Abhängig von der Pixeldichte des Ausgabegeräts, relativ also von Ausgabegerät zu Ausgabegerät, absolut dagegen auf ein und das selbe Ausgabegerät bezogen.
em	relativ	Steht für bezogen auf die Schriftgröße des Elements.
ex	relativ	Steht für bezogen auf die Höhe des Kleinbuchstaben x in diesem Element.
%	relativ	Steht für Prozent. Je nach CSS-Eigenschaft relativ zur elementeigenen Größe

Schlüsselwörter

Viele CSS-Eigenschaften erwarten, wie wir dies bereits von HTML Attributen her kennen, die Angabe bestimmter Schlüsselwörter. Genau so, wie etwa ein Textabsatz in HTML mit den Angaben align="left", align="center" oder align="right" ausgerichtet wird, muss bei gewissen CSS Eigenschaften verfahren werden. So gibt es etwa die Style-Sheet-Angabe text-align zur Ausrichtung von Text, die die gleichen Angaben erwartet, also left, center oder right.

Manche Style-Sheet-Angaben erwarten die Angabe eines Namens oder auch mehrerer Schlüsselwörter. So können Sie hinter der Style-Sheet-Angabe font-family Namen von einer oder mehreren Schriftarten notieren, die Sie für die Formatierung verwenden möchten.

Andere CSS-Eigenschaften sind Zusammenfassungen von Einzeleigenschaften, sogenannte ShortCuts. So gibt es beispielsweise die Angabe border (Rahmen), hinter der Sie eine Angabe wie thin solid red notieren können (der Rahmen wird dünn, durchgezogen und rot dargestellt). Trennen Sie solche Angaben zu einer Sammeleigenschaft durch Leerzeichen. Wenn die Angaben selbst Leerzeichen enthalten können, wie etwa bei Namen von Schriftarten, können Sie Kommata zum Trennen verwenden. In solchen Fällen sind auch Anführungszeichen empfehlenswert.