Cours CSS Mise en forme des Listes

Mise en forme des listes via CSS

En XHTML, on a appris les différents types de liste et les différentes balises pour les définir.
• Liste non numérotée
• Liste numérotée
• Liste alphabétique
Maintenant, nous allons nous pencher plutôt vers la mise en forme de ces listes.

Les listes à puces

Les listes à puces sont des listes non numérotées. A la place des numéros, on met des petits symboles appelés ‘puces’. En CSS il est possible d’avoir différentes formes de puces grâce à la propriété list-style-type. Les formes varient en fonction de la valeur de la propriété, en voici quelques exemples :
• list-style-type: disc /* petit cercle plein */
• list-style-type: circle /* petit cercle vide */
• list-style-type: square /* petit carré plein */
La valeur par défaut de cette propriété est none.

Code CSS :

.disc {
list-style-type:disc
}

.circle