Eigenschaften und Werte für Farben und Hintergrund

Unten finden Sie eine Tabelle der Style-Eigenschaften und -Werte für Farben und Hintergrund -- andere Eigenschaften und Werte sind auf den folgenden Seiten aufgeführt. (Ich habe hier nur Eigenschaften und Werte aufgenommen, die im Moment von Internet Explorer und Netscape erkannt werden -- weitere werde ich hinzufügen, sobald sie unterstützt werden)

Legende der Tabelle
Unterstützt von Internet Explorer 3.x Unterstützt von Internet Explorer 4.x Unterstützt von Netscape 4.x	pt = points (Punkte) in = inches (Zoll) cm = centimeters (Zentimeter) px = pixels (Pixel) em = Höhe der Schriftart des jeweiligen Elements (die Einheit em wird noch nicht häufig unterstützt und sollte sehr vorsichtig eingesetzt werden)

Eigenschaft

Beschreibung

Werte

Beispiel

Color and Background

color (Farbe; wird vererbt)

Legt die Farbe des Textes fest

Farbname
Tripel aus RGB-Werten
Hex-Code
RGB-Werte

{ color: blue }
{ color: #00F }
{ color: #0000FF }
{ color: RGB 0.0 0.0 1.0 }

background (Hintergrund; wird nicht vererbt) (IE3.x unterstützt Hintergrundbilder nur in embedded Style Sheets)

Legt das Hintergrundbild oder die -farbe fest

url(URL) (mit oder ohne repeat zum Kacheln);
Farbname (oder transparent oder zwei Farbnamen, wobei dann überblendet wird, getrennt durch ein /);
RGB-Tripel (Hex-Code)

{ background: url(image1.gif) repeat }
{ background: Red }
{ background: Red / Blue }
{ background: transparent }
{ background: #CCCCCC }

background-color (Hintergrundfarbe; wird nicht vererbt) (IE3.x unterstützt Hintergrundbilder nur in embedded Style Sheets)

Legt die Hintergrundfarbe fest

Farbname;
RGB-Tripel (Hex-Code)

{ background-color: Red }
{ background-color: #CCCCCC }

background-image (Hintergrundbild; wird nicht vererbt) (IE3.x unterstützt Hintergrundbilder nur in embedded Style Sheets)

Legt das Hintergrundbild fest

URL

{ background-image: url(image1.gif) }

background-repeat (Kachelung des Hintergrunds; wird nicht vererbt) (IE3.x unterstützt Hintergrundbilder nur in embedded Style Sheets)

Schaltet die Wiederholung ein, um Hintergrundbilder zu kacheln

repeat (Wiederholung horizontal und vertikal);
repeat-x (Wiederholung horizontal);
repeat-y (Wiederholung vertikal);
no-repeat (keine Wiederholung)

{ background-repeat: repeat-y }

background-attachment (Fixieren des Hintergrunds; wird nicht vererbt) (IE3.x unterstützt Hintergrundbilder nur in embedded Style Sheets)

Fixiert ein Hintergrundbild oder gestattet es ihm, mit dem Rest der Seite zu scrollen

scroll (scrollt mit) oder fixed (fixiert)

{ background: fixed }

background-position (Position des Hintergrunds; wird vererbt) (IE3.x unterstützt Hintergrundbilder nur in embedded Style Sheets)

Legt den Ursprung des Hintergrundbilds fest
(Beachten Sie, daß die Standardposition, 0,0 oder 0%,0%, die linke obere Ecke des Element ist)

Position (x y) oder (x% y%);
top, center, bottom (oben, Mitte, unten)
left, center, right (links, zentriert, rechts)

{ background-position: 2cm 1cm }
{ background-position: 50% 20% }
{ background-position: top center }
{ background-position: top }
{ background-position: bottom right }

Häufig benutzte Eigenschaften und Werte für Cascading Style Sheets