/ Code Css list-style | Résultat du code Css list-style | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code de la propriété CSS list-style.

<style>
.list-style-0{  : inside lower-alpha } 
.list-style-1{  : inside url(/img/style_css/puce.gif) } 
.list-style-2{  : outside  url(/img/style/nexistepas.gif) } 
</style>
<ol>
 <li style="font-weight:normal">normal
  normal
 <li class="list-style-0">list-style : inside lower-alpha<br>
  list-style: lower-alpha outside
 <li class="list-style-1">inside list-style : URL(background.gif) <br>
  inside list-style: URL(background.gif) 
<li class="list-style-2">list-style: URL(nexistepas.gif) outside<br>
  list-style: URL(nexistepas.gif) outside
</ol>

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

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

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

copie d'écran de l'affichage de la propriété CSS list-style