Cascading Style Sheets

Informationen zur CSS2-Spezifikation
Diese Spezifikation richtet sich hauptsächlich an zwei Lesergruppen: CSS-Autoren und CSS-Implementierer. Wir hoffen, die Spezifikation versorgt die Autoren mit dem Werkzeug, das sie brauchen, um effiziente, attraktive Dokumente zu erstellen, auf die ein einfacher Zugriff möglich ist, ohne sie zu sehr mit den Implementierungsdetails von CSS zu belasten. Die Implementierer hingegen sollen hier alles finden, was sie brauchen, um konforme Benutzerprogramme (User Agents) zu schreiben. Die Spezifikation beginnt mit einer allgemeinen Einführung in CSS und wird zum Ende hin immer technischer und spezifischer. Damit Sie alle wichtigen Informationen möglichst schnell finden, wird die einfache Navigation sowohl in der elektronischen als auch in der gedruckten Version durch ein allgemeines Inhaltsverzeichnis, spezielle Inhaltsverzeichnisse am Anfang eines jeden Abschnitts sowie einen Index sichergestellt.

Diese Spezifikation wird in zwei Formen bereitgestellt: elektronisch und gedruckt. Obwohl die beiden Darstellungen zweifellos sehr ähnlich sind, werden die Leser einige Unterschiede erkennen. In der gedruckten Version funktionieren beispielsweise (offensichtlich) keine Links, und in der elektronischen Version gibt es keine Seitenzahlen. Bei inhaltlichen Abweichungen ist die elektronische Version die ausschlaggebende.

Der Aufbau der Spezifikation
Die Spezifikation ist in die folgenden Abschnitte unterteilt:

Abschnitt 2: Eine Einführung in CSS2
Die Einführung beinhaltet einen kurzen Überblick über CSS2 sowie eine Beschreibung der Entwurfsgrundlagen, die hinter CSS2 stehen.

Abschnitt 3 – 20: CSS2-Referenzhandbuch
Die CSS-Sprachreferenz bildet einen Großteil des Referenzhandbuchs. Diese Referenz definiert, was in einem CSS2-Stylesheet enthalten sein darf (Syntax, Eigenschaften und Eigenschaftswerte) und wie die Benutzerprogramme diese Stylesheets interpretieren müssen, um konform zur Spezifikation zu sein.

Anhänge
Die Anhänge beschreiben ein Beispiel-Stylesheet für HTML 4.0, Änderungen im Vergleich zu CSS1, Anmerkungen zu Implementierung und Leistung, die Grammatik von CSS2, eine Liste normativer und informativer Literaturhinweise sowie drei Indexe: einen für Eigenschaften, einen für Deskriptoren und einen allgemeinen Gesamtindex.

Konventionen
Elemente und Attribute der Dokumentsprache
•Namen von CSS-Eigenschaften, Deskriptoren und Pseudo-Klassen sind in einfache Anführungszeichen eingeschlossen.
•CSS-Werte sind in einfache Anführungszeichen eingeschlossen.
•Namen von Elementen der Dokumentsprache sind in Großbuchstaben dargestellt.
•Namen von Attributen der Dokumentsprache sind in Kleinbuchstaben dargestellt und in doppelte Anführungszeichen eingeschlossen.
CSS-Eigenschaftsdefinitionen
Jede CSS-Eigenschaftsdefinition beginnt mit einem Überblick über die Schlüsselinformationen, der etwa wie folgt aussieht:

'eigenschaftsname'
Wert:
erlaubte Werte & Syntax

Ausgangswert:
Ausgangswert

Angewendet auf:
Elemente, auf die sich diese Eigenschaft bezieht

Vererbt:
Gibt an, ob diese Eigenschaft vererbt wird

Prozentwerte:
Gibt an, wie Prozentwerte interpretiert werden

Medium
Gibt an, auf welche Mediengruppe sich die Eigenschaft bezieht

Wert
Dieser Teil listet die gültigen Werte für die Eigenschaft auf. Es gibt mehrere Möglichkeiten, Werttypen anzugeben:

1.Schlüsselwortwerte (z.B. auto, disc usw.)
2.Grundlegende Datentypen, die zwischen "" stehen (z.B. , usw.). In der elektronischen Version des Dokuments verweist jede Instanz eines grundlegenden Datentyps mit Hilfe eines Links auf ihre Definition.
3.Typen, die denselben Wertebereich haben wie eine Eigenschaft mit demselben Namen (z.B. , usw.). In diesem Fall ist der Typname der Eigenschaftsname (einschließlich Anführungszeichen) zwischen "" (z.B. ). In der elektronischen Version des Dokuments verweist jede Instanz dieser Art von Nicht-Terminal-Symbolen mit Hilfe eines Links auf die entsprechende Eigenschaftsdefinition.
4.Nicht-Terminal-Symbole, die nicht denselben Namen wie eine Eigenschaft haben. In diesem Fall erscheint der Name des Nicht-Terminal-Symbols zwischen "", wie in . Beachten Sie die Unterscheidung zwischen und ; Letzteres wird relativ zu Ersterem definiert. Die Definition eines Nicht-Terminal-Symbols befindet sich in der Nähe des ersten Auftretens in der Spezifikation. In der elektronischen Version des Dokuments verweist jede Instanz dieses Werttyps mit Hilfe eines Links auf die entsprechende Wertdefinition.
Andere Wörter in diesen Definitionen sind Schlüsselwörter und müssen dort wörtlich und ohne Anführungszeichen erscheinen (z.B. red). Der Schrägstrich (/) und das Komma (,) müssen ebenfalls exakt erscheinen.
Werte können wie folgt angeordnet werden:

•Mehrere nebeneinander gestellte Wörter bedeuten, dass sie alle in der vorgegebenen Reihenfolge erscheinen müssen.
•Ein Längsstrich (|) trennt zwei oder mehr Alternativen voneinander ab: genau eine von ihnen muss erscheinen.
•Ein doppelter Längsstrich (||) trennt zwei oder mehr Optionen voneinander ab: eine oder mehrere davon müssen in beliebiger Reihenfolge erscheinen.
•Eckige Klammern ([]) dienen der Gruppierung.
Das Nebeneinanderstellen bedeutet eine stärkere Gewichtung als der doppelte Längsstrich, und der doppelte Längsstrich ist stärker als der einfache Längsstrich. Die nachfolgenden Zeilen sind also äquivalent:

a b | c || d e [ a b ] | [ c || [ d e ]]Jedem Typ, jedem Schlüsselwort und jeder in eckigen Klammern platzierten Gruppe kann einer der folgenden Modifizierer folgen:

•Ein Stern (*) legt fest, dass der vorhergehende Typ, das vorhergehende Wort oder die vorhergehende Gruppe null Mal oder öfter vorkommt.
•Ein Plus-Zeichen (+) legt fest, dass der vorhergehende Typ, das vorhergehende Wort oder die vorhergehende Gruppe einmal oder mehrmals vorkommen.
•Ein Fragezeichen (?) legt fest, dass der vorhergehende Typ, das vorhergehende Wort oder die vorhergehende Gruppe optional sind.
•Ein Zahlenpaar in geschweiften Klammern ({A,B}) legt fest, dass der vorhergehende Typ, das vorhergehende Wort oder die vorhergehende Gruppe mindestens A-mal und höchstens B-mal vorkommen.
Die nachfolgenden Beispiele demonstrieren die verschiedenen Werttypen:

Wert: N | NW | NEWert: [ | thick | thin ]{1,4}Wert: [ , ]* Wert: ? [ / ]?Wert: || Ausgangswert
Dieser Teil spezifiziert den Ausgangswert der Eigenschaft. Falls die Eigenschaft vererbt ist, ist dies der Wert, den das Wurzelelement des Dokumentbaums aufweist. Weitere Informationen finden Sie im Abschnitt über die Kaskade, wo Sie auch mehr über die im Stylesheet spezifizierten Werte, geerbte Werte und Ausgangswerte erfahren.

Angewendet auf
Dieser Teil listet die Elemente auf, auf die sich die Eigenschaft bezieht. Man geht davon aus, dass alle Elemente alle Eigenschaften besitzen, aber einige Eigenschaften haben keine Auswirkung auf die Darstellung bestimmter Elementtypen. Beispielsweise bezieht sich 'white-space' nur auf Elemente auf Blockebene.

Vererbt
Dieser Teil gibt an, ob der Eigenschaftswert von einem Vorfahrenelement geerbt wurde. Lesen Sie bitte im Abschnitt über die Kaskade nach, wo Sie weitere Informationen über das Zusammenspiel zwischen im Stylesheet spezifizierten Werten, geerbten Werten und Ausgangswerten finden.

Prozentwerte
Dieser Teil gibt an, wie Prozentwerte interpretiert werden sollen, wenn sie im Wert der Eigenschaft auftreten. Ist hier "N/A" angegeben, heißt das, die Eigenschaft akzeptiert keine Prozentwerte als Wert.

Mediengruppen
Dieser Teil gibt die Mediengruppen an, auf die sich die Eigenschaft bezieht. Die Konformitätsbedingungen sagen aus, dass Benutzerprogramme diese Eigenschaft unterstützen müssen, wenn sie die Darstellung der in diesen Mediengruppen enthaltenen Medientypen unterstützen wollen.

Zusammenfassende Eigenschaften
Einige Eigenschaften sind zusammenfassende Eigenschaften, die es den Autoren erlauben, die Werte mehrerer Eigenschaften innerhalb einer einzigen Eigenschaft anzugeben.

Die Eigenschaft 'font' beispielsweise ist eine zusammenfassende Eigenschaft für die gleichzeitige Einstellung von 'font-style', 'font-variant', 'font-weight', 'font-size', 'line-height' und 'font-family'.

Werden in einer zusammenfassenden Form Werte weggelassen, wird diesen „fehlenden“ Eigenschaften ihr Ausgangswert zugewiesen (lesen Sie dazu auch den Abschnitt über die Kaskade).

Die Stilregeln des folgenden Beispiels:

H1 { font-weight: bold; font-size: 12pt; line-height: 14pt; font-family: Helvetica; font-variant: normal; font-style: normal; font-stretch: normal; font-size-adjust: none}könnten auch innerhalb einer einzigen zusammenfassenden Eigenschaft geschrieben werden:

H1 { font: bold 12pt/14pt Helvetica }In diesem Beispiel nehmen 'font-variant', 'font-stretch', 'font-size-adjust' und 'font-style' ihre Ausgangswerte an.

Anmerkungen und Beispiele
Alle Beispiele, die eine falsche Verwendung demonstrieren, sind als „FEHLERHAFTES BEISPIEL“ gekennzeichnet.

Alle HTML-Beispiele sind konform zur strengen HTML 4.0 DTD (die in [HTML40] definiert ist), es sei denn, es wird durch eine Dokumenttypdeklaration etwas anderes angegeben.

Anmerkungen dienen nur zu Ihrer Information.

Beispiele und Anmerkungen sind innerhalb der HTML-Quellen für die Spezifikation gekennzeichnet, und CSS1-Benutzerprogramme stellen sie auf spezielle Weise dar.

Bilder und ausführliche Beschreibungen
Die meisten Bilder in der elektronischen Version dieser Spezifikation werden von einer „ausführlichen Beschreibung“ begleitet, die den Bildinhalt zusammenfasst. Ein Link zu der ausführlichen Beschreibung wird durch ein „[D]“ am rechten Bildrand gekennzeichnet.

Bilder und ausführliche Beschreibungen haben nur informativen Charakter.

26.06.2009: |