Ces exemples montrent le fonctionnement de la propriété LIST-STYLE-TYPE.

Seulement, trois valeurs différentes ont été spécifiées pour les trois listes. Il en existe plusieurs autres, référencées dans le cours, dont certaines dépendent du jeu de caractères installé sur votre machine comme pour la valeur hebrew notamment.

Cette propriété devrait fonctionner sur l'ensemble des navigateurs, en particulier ceux de Netscape et de Microsoft.

Pour plus de renseignements veuillez consulter le W3C.

ul.romain 
  {list-style-type: lower-roman}
ul.decimal 
  {list-style-type: decimal}
ol.alphabet 
  {list-style-type: upper-alpha}
  ...
<ul class="romain">
  <li> ... </li>
  ...
</ul>
  ...
<ul class="decimal">
  <li> ... </li>
  ...
</ul>
  ...
<ol class="alphabet">
  <li> ... </li>
  ...
</ol>
  ...
  • 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
  1. Premier item
  2. Second item
  3. Troisième item
  4. Quatrième item
  5. Cinquième item