Las listas ordenadas no son los únicos elementos que se pueden numerar automáticamente. Gracias a las diversas propiedades relacionadas con el contador, cualquier elemento puede serlo.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )Cada uno comenzará respectivamente con "1", "2", "3" o "4".
Puede controlar el estilo del contador separando con comas la función del contador. por ejemplo, hacer que utilicen números romanos:
section:before ( content: counter(my-awesome-counter, upper-roman); )Manifestación
En CodePen:
Más información
- Especificación CSS3
- Documentos MDN
Soporte del navegador
| Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Alguna | 9.2+ | 8+ | TBD | TBD |