CSS3: Erster Entwurf für individuelle Zähler in Listen

Statt sich mit den vorhandenen Ziffern oder Buchstaben et cetera zu begnügen, können Webentwickler künftig selbst bestimmen, wie ihre Listen aussehen.

In Pocket speichern vorlesen Druckansicht 48 Kommentare lesen
Lesezeit: 1 Min.
Von
  • Henning Behme

Mit einem ersten Entwurf der CSS Counter Styles hat das World Wide Web Consortium (W3C) die Arbeit an CSS3 fortgesetzt. In diesem Fall beschreibt der Working Draft, wie Webentwickler zusätzlich zu den aus CSS2 bekannten eigene Zeichenfolgen für die CSS-Eigenschaft list-style beziehungsweise list-style-type definieren können. Die Regel @counter-style enthält die dafür notwendigen Angaben.

Eine Reihe möglicher Werte für den Deskriptor system legt fest, wie die Menge der Symbole innerhalb einer Liste zu durchlaufen ist. Hinter suffix steckt das, was dem Symbol folgen soll:

@counter-style triangle {
system: cyclic;
symbols: ‣;
suffix: '';
}

Hier wird schlicht das Dreieck als einziges vorgegebenes Symbol immer wieder ausgegeben, während in

@counter-style footnote { 	
system: symbolic;
symbols: * ⁑ † ‡;
suffix: '';
}

per symbolic festlegt, dass die Zeichen der Reihe nach genutzt werden, nach dem Ende der Liste das Anfangssysmbol doppelt erscheint (später dreifach). Beide Beispiele finden sich in der Spezifikation. (hb)