Propriétés des listes (à puces et ordonnées)

list-style-type

Valeurs :

Pour les listes non ordonnées (<ul>) :

• disc : un disque noir.
• circle : un cercle (par défaut).
• square : un carré.
• none : aucune puce ne sera utilisée.

Pour les listes ordonnées (<ol>) :

• decimal : des nombres 1, 2, 3, 4, 5... (par défaut)
• decimal-leading-zero : des nombres commençant par zéro (01, 02, 03, 04, 05...).
• upper-roman : numérotation romaine, en majuscules (I, II, III, IV, V...)
• lower-roman : numérotation romaine, en minuscules (i, ii, iii, iv, v...)
• upper-alpha : numérotation alphabétique, en majuscules (A, B, C, D, E...)
• lower-alpha : numérotation alphabétique, en minuscules (a, b, c, d, e...)
• lower-greek : numérotation grecque.

list-style-position    

Valeurs :

• inside : sans retrait
• outside : avec retrait (par défaut)

list-style-image

Valeurs :

Indiquer l'url de l'image qui servira de puce.

Exemple :

list-style-image: url("images/puce.png");

list-style

Super-propriété, permet réunir les valeurs de list-style-type, list-style-position et list-style-image.
Vous n'êtes pas obligés de mettre toutes les valeurs, et l'ordre n'a pas d'importance.

Exemple :

list-style: inside square;

 Source(s) :

• Le Site du Zero