Enfin, dans ce dernier exemple, la propriété LIST-STYLE regroupe les trois propriétés précitées et permet donc de formater entièrement les listes.
Encore une fois, cette propriété ne fonctionne en partie, pour le moment, qu'avec Internet Explorer et Netscape.
Pour plus de renseignements veuillez consulter le W3C.
ul.normal
{list-style: lower-roman outside}
ol.star
{list-style: decimal
inside
url(../../images/Star.gif)}
ul.octogone
{list-style: upper-alpha
url(../../images/Octagone.gif)
outside}
...
<ul class="normal">
<li> ... </li>
...
</ul>
...
<ol class="star">
<li> ... </li>
...
</ol>
...
<ol class="octogone">
<li> ... </li>
...
</ol>
... |
- Premier item Premier item Premier item Premier item Premier item
- Second item Second item Second item Second item Second item
- Troisième item Troisième item Troisième item Troisième item Troisième item
- Quatrième item Quatrième item Quatrième item Quatrième item Quatrième item
- Cinquième item Cinquième item Cinquième item Cinquième item Cinquième item
- Premier item Premier item Premier item Premier item Premier item
- Second item Second item Second item Second item Second item
- Troisième item Troisième item Troisième item Troisième item Troisième item
- Quatrième item Quatrième item Quatrième item Quatrième item Quatrième item
- Cinquième item Cinquième item Cinquième item Cinquième item Cinquième item
- Premier item Premier item Premier item Premier item Premier item
- Second item Second item Second item Second item Second item
- Troisième item Troisième item Troisième item Troisième item Troisième item
- Quatrième item Quatrième item Quatrième item Quatrième item Quatrième item
- Cinquième item Cinquième item Cinquième item Cinquième item Cinquième item
|