Järjestatud loendid pole ainsad elemendid, mida saab automaatselt nummerdada. Tänu erinevatele loenduriga seotud omadustele võib iga element olla.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )Igaüks algab vastavalt tähtedega “1”, “2”, “3” või “4”.
Loenduri stiili saate juhtida loenduri funktsiooni eraldava komaga. nt panna need kasutama rooma numbreid:
section:before ( content: counter(my-awesome-counter, upper-roman); )Demo
CodePenil:
Rohkem informatsiooni
- CSS3 spetsifikatsioon
- MDN-i dokumendid
Brauseri tugi
| Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Ükskõik | 9,2+ | 8+ | TBD | TBD |