Exemple de code détaillé de la propriété css list-style.

.feuille0{list-style: lower-alpha outside}<br>
.feuille1{list-style: URL(background.gif) inside}<br>
.feuille2{list-style: URL(nexistepas.gif) outside}
<ol>
<li style="font-weight:normal">normal
normal
<li style="list-style: inside lower-alpha; ">list-style: lower-alpha outside<br>
list-style: lower-alpha outside
<li style="list-style: inside URL(../images/style_css/puce.gif); ">list-style: URL(background.gif) inside<br>
list-style: URL(background.gif) inside
<li style="list-style: outside URL(../images/style/nexistepas.gif); ">list-style: URL(nexistepas.gif) outside<br>
list-style: URL(nexistepas.gif) outside
</ol>

Interprétation du code détaillé de la propriété css list-style par votre navigateur.

.feuille0{list-style: lower-alpha outside}
.feuille1{list-style: URL(background.gif) inside}
.feuille2{list-style: URL(nexistepas.gif) outside}

1. normal normal
2. list-style: lower-alpha outside
   list-style: lower-alpha outside
3. list-style: URL(background.gif) inside
   list-style: URL(background.gif) inside
4. list-style: URL(nexistepas.gif) outside
   list-style: URL(nexistepas.gif) outside

Interprétation normal du code de la propriété css list-style (copie d'écran).