Propriété list-style
La propriété list-style permet de définir simultanément
le type de marqueur list-style-type,
l'image list-style-image
et sa position list-style-position
pour les listes ul
ou ol.
L'ordre des propriétés n'a pas d'importance.
Exemple
Définissons des marqueurs carrés pour notre liste :
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style: square outside;
}
:
Exemple
Maintenant, définissons dans la propriété list-style
une image pour le marqueur et sa position à l'intérieur
du champ de texte :
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style: url("li.gif") inside;
}
:
