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.
- 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)