Generierter Inhalt – CSS Schnellreferenz

Was in diesem Kapitel steht

Kapitel 12 beschreibt, wie ein Stylesheet Inhalte erzeugt, die im Dokument nicht stehen: Text vor und nach einem Element, Anführungszeichen, automatische Nummerierung. Dazu kommen die Listen-Eigenschaften, die im selben Kapitel geregelt sind, weil eine Listenmarke technisch generierter Inhalt ist.

Die Zähler sind der interessanteste Teil: Zwei Eigenschaften setzen und erhöhen sie, eine dritte gibt sie über eine Funktion im generierten Inhalt aus. Damit lässt sich eine mehrstufige Nummerierung aufbauen, für die es sonst kein Mittel gäbe. Zu beachten ist bei allem generierten Inhalt, dass er nicht Teil des Dokuments ist: Ob eine Sprachausgabe ihn vorliest, hängt vom Programm ab, und markieren oder kopieren lässt er sich in der Regel nicht.

Browser-Unterstützung

Eigenschaft	Browser-Support
content	Firefox 1.5 Die Gecko-Engine erkennt die Werte `counter` und `attr()` nicht (die aber beide in CSS 2.1 nicht mehr vorhanden sind). Die Werte bezügl. Quotierungen werden korrekt verarbeitet, Probleme gibt es aber bei Anwendung der Eigenschaft `quotes`. IE/Win 5.x, IE/Win 6, IE 7 Der IE/Win unterstützt diese Eigenschaft nicht. IE/Mac 5.x Der IE/Mac unterstützt diese Eigenschaft ebenfalls nicht. Opera 7+ Opera unterstützt alle Werte mit Ausnahme von `url()`. Safari 1.3 Der Apple-Browser erkennt nur Textstrings und Schlüsselworte, dabei hat er ähnlich der Gecko-Engine Probleme bei der Anwendung der Eigenschaft `quotes`. Die Werte `url()` und `attr()` erkennt er nicht.
quotes	Firefox 1.5 Die Gecko-Browser setzen zwar Anführungszeichen, wenn sie mit Hilfe der Eigenschaft `content` deklariert sind. Sie ignorieren jedoch unterschiedliche Anführungszeichen für geschachtelte Zitate und setzen stets das erste deklarierte Wertepaar der Eigenschaft `quotes` ein. IE/Mac 5.x, IE/Win 5.x, IE/Win 6 Internet Explorer erkennt diese Eigenschaft nicht. Opera 7.5+ Opera hat mit dieser Eigenschaft keine Probleme. Safari 1.3 Safari arbeitet hier ähnlich wie die Gecko-Browser: durch die Eigenschaft `content` deklarierte Anführungszeichen werden zwar dargestellt, aber nur als doppeltes Anführungszeichen.
counter-increment	Alle Browser Die Eigenschaft `counter-increment` wird mit einer Ausnahme von keinem der modernen Browser unterstützt. Opera 7+ Der Opera-Browser verarbeitet sowohl die Eigenschaft `counter-reset` als auch `counter-increment`.
counter-reset	Alle Browser Die Eigenschaft `counter-increment` wird mit einer Ausnahme von keinem der modernen Browser unterstützt. Opera 7+ Der Opera-Browser verarbeitet sowohl die Eigenschaft `counter-reset` als auch `counter-increment`.
marker-offset	Alle Browser Die Eigenschaft `marker-offset` wird bis heute von keinem Browser unterstützt. Das wird hier nicht als Fehler betrachtet, da diese Eigenschaft nicht mehr Teil des Standards ist.
list-style	Alle Browser Die Eigenschaft `list-style` wird von allen modernen Browsern unterstützt, auf Einschränkungen wird bei den Einzeleigenschaften hingewiesen.
list-style-image	Alle Browser Die Eigenschaft `list-style-image` wird von allen modernen Browsern ohne Einschränkung unterstützt.
list-style-position	Alle Browser Die Eigenschaft `list-style-position` wird von allen modernen Browsern unterstützt.
list-style-type	Firefox 1.5 Die Gecko-Browser der neuesten Version erkennen alle Werte aus CSS 2.1, zusätzlich: `upper-alpha`, `lower-alpha`, `hebrew`. IE/Win 7 IE/Win kann nur Ziffern und die Zeichen des lateinischen Alphabets verwenden, auch `decimal-leading-zero` wird nicht erkannt. Für alle nicht erkannten Typen wird das dezimale Äquivalent eingesetzt. Opera 8.5+ Dieser Browser erkennt ab Version 8.5 dieselben Listenpunkte wie die Gecko-Engine mit Ausnahme des Wertes `hebrew`. Safari 1.3 Safari bis zur Version 1.3 stellt dezimale Listentypen nur ohne führende Null dar, kennt also nicht den Wert `decimal-leading-zero`. Konqueror 3.5 Ebenso wie die Gecko-Engine erkennt der KDE-Browser alle Listentypen mit Ausnahme der fernöstlichen.

Schnellreferenz-Tabelle

Cascading Style Sheets ::Schnellreferenz

CSS 1 & CSS 2: Generierter Inhalt

Die Stylesheet-Schnellreferenz kann auch als PDF-Datei herunter geladen werden.

Eigenschaft	Mögliche Werte	Ausgangs- wert	Vererbung	Anwend- barkeit	%-Bezugs- wert	Medien- gruppe
Eigenschaft	Mögliche Werte	Ausgangs- wert	Vererbung	Anwend- barkeit	%-Bezugs- wert	Medien- gruppe
Hinweis 1: Diese Werte sind noch nicht Teil des Standards, aber in einigen Browsern bereits realisiert.
`content`	Zeichenkette `normal none counter (name) counter (name, list-style-type) conters(name, string) counters(name, string, list-style-type) attr(X) open-quote close-quote no-open-quote no-close-quote inherit`	`normal`	Nein	Pseudoelemente `:before` und `:after`	Nicht zutreffend	All
`quotes`	2 Zeichenketten `none inherit`	Abhängig vom Anwender- programm	Ja	Alle Elemente	Nicht zutreffend	Visual
`counter-reset`	`none` Zeichenkette Zeichenkette + Wert `inherit`	`none`	Nein	Alle Elemente	Nicht zutreffend	All
`counter-increment`	`none` Zeichenkette Zeichenkette + Wert `inherit`	`none`	Nein	Alle Elemente	Nicht zutreffend	All
`marker-offset` (Nicht CSS 2.1!)	Längenwerte `auto inherit`	`auto`	Nein	Elemente mit`display: marker`	Nicht zutreffend	Visual
`list-style-type`	`disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha none decimal-leading -zero lower-greek lower-latin upper-latin armenian georgian`	`disc`	Ja	Elemente, die als Punkt einer Liste dargestellt werden.	Nicht zutreffend	Visual
`list-style-type`	`hebrew ¹) cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha`	`disc`	Ja	Elemente, die als Punkt einer Liste dargestellt werden.	Nicht zutreffend	Visual
`list-style-position`	`outside inside inherit`	`outside`	Ja	Elemente, die als Punkt einer Liste dargestellt werden.	Nicht zutreffend	Visual
`list-style-image`	`none url() inherit`	`none`	Ja	Elemente, die als Punkt einer Liste dargestellt werden.	Nicht zutreffend	Visual
`list-style` (Kurzschrift)	Werte der Einzel- eigenschaften (Reihenfolge unwichtig) `inherit`	Siehe Einzel- Eigen- schaften	Ja	Elemente, die als Punkt einer Liste dargestellt werden.	Nicht zutreffend	Visual

Schnellreferenz Generierter Inhalt

Was in diesem Kapitel steht

Browser-Unterstützung

Schnellreferenz-Tabelle

CSS 1 & CSS 2: Generierter Inhalt