Liste avec numérotation automatique et personnalisée: a), b), ...
Le listes ordonnées <ol> acceptent 5 types de numérotation- 1 pour les chiffres (par défaut),
- a pour les lettres minuscules,
- A pour les lettres majuscules,
- i pour les chiffres romains minuscules
- et I pour les chiffres romains majuscules
<ol type="a">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>...</li>
</ol>
donne
- Item 1
- Item 2
- Item 3
- ...
On enleve alors le style de la liste (
list-style-type:none
), on définit un compteur (counter-reset
), puis on place devant chaque item li
de la liste ce que l'on souhaite avec la méthode before
:
css:
ol.ablist{
list-style-type:none;
counter-reset:ab;}
ol.ablist li::before{
content: counter(ab,lower-alpha) ") ";
counter-increment:ab}
et le html:
<ol class="ablist">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>...</li>
</ol>
pour obtenir
- Item 1
- Item 2
- Item 3
- ...