Cascading Stylesheets Stil mit <Stil>

CSS2-Referenz | HTML-4.01-Referenz | Farben, Zeichen und Maße | Workshop | Externe Links | Impressum | Hinweise

Die CSS-Referenz fasst alle CSS1/CSS2-Stile und ihre Eigenschaften in Gruppen zusammen. Die Gruppierung soll dem Einsteiger helfen, einen Stil zu finden, der eine bestimmte Funktionalität bietet.

Im Zusammenhang mit dem Buch „Cascading Stylesheets – Stil mit <Stil>” sind natürlich die Beispiele zu den Eigenschaften besonders interessant, da die Beispiele erst den Zugang zur Funktionsweise einer Eigenschaft bieten. An dieser Stelle kann ich nur dazu raten, die Beispiele in verschiedenen Browsern anzusehen: Internet Explorer, Netscape oder Mozilla (Netscape beruht auf dem Code von Mozilla) und in Opera.

### Die Beschreibung der Stile

Zur Beginn jeder Beschreibung steht ein Überblick mit einer Kurzbeschreibung. Beachten Sie bitte, dass sich die Browserunterstützung nur auf die vier „Mainstream”-Browser bezieht: Internet Explorer, Mozilla, Netscape und Opera. Die Syntax für die Angabe der Werte finden Sie am Anfang von Kapitel 4 im Buch.

Die Angabe eines Browsers besagt zudem nicht, dass der Browser den Stil mit allen Werten vollständig unterstützt. So kann Internet Explorer zwar seit Version 4 positionierte Elemente darstellen, aber der Wert `fixed` für die feste Positionierung wird von Internet Explorer auf dem PC bis heute nicht unterstützt. Auch Netscape 4 unterstützt Teile der Positionierung – aber erst Netscape 6 unterstützt alle Werte korrekt.

Eine vollständige und ausgetestete Liste, welcher Browser welche Stile korrekt unterstützt, finden Sie auf den Seiten von www.webreview.com im Browser Style Compatibility Chart.

IE: Internet Explorer, M: Mozilla, N: Netscape, O: Opera
IE4+ M1 N4+ O5+ Version: CSS2 Erblich: Nein | position ist eine von zwei Eigenschaften, mit denen die physikalische Position eines Elements auf einer Seite gesteuert wird (die andere Eigenschaft ist float). | absolute | fixed | relative | static

### Die Beispiele

Die Beispiele sind häufig in eigenen Dokumenten untergebracht, damit die Stile dieser Referenzseiten nicht mit den vorgestellten Stilen kollidieren. Mein Tipp: Sehen Sie sich auch den Quellcode dieser Beispiele an, wenn Sie bestimmte Stile nachvollziehen wollen.

#### Browser für diese Seiten

Mozilla (Mac oder PC) oder Netscape ab Version 7 und Internet Explorer 5 auf dem Mac und PC sind Browser, die CSS1 vollständig und den größten Teil von CSS2 darstellen können. Diese Browser sind also immer dann besonders empfehlenswert, wenn Sie herausfinden wollen, wie ein Element mit einem besonderen Stil tatsächlich aussehen sollte.

Auf Netscape 4 nimmt diese Referenz nur wenig Rücksicht. Wer diese Seiten mit Netscape 4 betrachtet, wird eine simple lineare Aufteilung der Seiten sehen, die auf einem besonderen Stylesheet für Netscape 4 aufbaut. Sogar reine Textbrowser wie Lynx werden diese Seiten noch lesbar darstellen und alternative Ausgabegeräte wie Braillezeilen und Sprachausgabe werden akzeptable Ergebnisse liefern.

aural Stile für die Sprachausgabe

border Stile für die Gestaltung eines Rahmens um ein Element

color und background Stile für die Vordergrundfarbe und Hintergrundgestaltung

content Stile für automatisch generierten Inhalt

dimension Stile für die Abmessungen und Ausrichtung von Elementen

font Stile für die Schriftgestaltung

lists and markers Stile für Aufzählungen und Listen

margin Stile für den Abstand eines Elements gegen umgebende Elemente

padding Stile für den inneren Abstand zum Element

paged media Stile für den Druck

positioning Stile für die Positionierung

Pseudoklassen und Pseudoelemente Stile für die Gestaltung von Pseudolinks und Pseudoelementen

table Stile für die Gestaltung von Tabellen

text Stile für die Absatzgestaltung

user interface Stile für die Gestaltung der Benutzeroberfläche durch Rahmen und Mauszeiger

Cascading Stylesheets – Stil mit <Stil> • Das Begleitmaterial zum Buch
© media engineering Ulrike Häßler 2002 • Frechen