Enfin, cet exemple n'est pas une simulation, la propriété LIST-STYLE-IMAGE permet d'attribuer une image à la place des puces prédéfinies aux listes.
Encore une fois, cette propriété ne fonctionne pour le moment qu'avec Internet Explorer.
Pour plus de renseignements veuillez consulter le W3C.
ul.etoile
{list-style-image:
url("../../img/Etoile.gif")}
ul.triangle
{list-style-image:
url("../../img/Triangle.gif")}
...
<ul class="etoile">
<li> ... </li>
...
</ul>
...
<ul class="triangle">
<li> ... </li>
...
</ul>
... |
- Premier item
- Second item
- Troisième item
- Quatrième item
- Cinquième item
- Premier item
- Second item
- Troisième item
- Quatrième item
- Cinquième item
|