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 :

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

cssul {
  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 :

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

cssul {
  list-style: url("li.gif") inside;
}

Результат: