Bestellte Listen sind nicht die einzigen Elemente, die automatisch nummeriert werden können. Dank der verschiedenen gegenbezogenen Eigenschaften kann jedes Element sein.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )Jedes beginnt mit "1", "2", "3" oder "4".
Sie können den Stil des Zählers steuern, indem Sie die Zählerfunktion durch Kommas trennen. zB um sie dazu zu bringen, römische Ziffern zu verwenden:
section:before ( content: counter(my-awesome-counter, upper-roman); )Demo
Auf CodePen:
Mehr Informationen
- CSS3-Spezifikation
- MDN-Dokumente
Browser-Unterstützung
| Chrom | Safari | Feuerfuchs | Oper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Irgendein | 9.2+ | 8+ | TBD | TBD |