Listes CSS - Tutoriel CSS

Les listes en CSS

Dans ce tutoriel, nous allons aborder la gestion des listes ordonnées et non ordonnées.

list-style-type: circle;

Les principales valeurs possibles pour les listes non ordonnées (Liste à puce) :

Les principales valeurs possibles pour les listes ordonnées :

je vous ai donné la liste des valeurs les plus nutiles, Il en existe bien d'autres, je vous laisse le soin de les découvrir

Exemple

Code CSS

ul

     list-style-type: circle;

 	}

list-style-image:

Valeurs possibles :

Exemple

Code CSS

ul{

     list-style-image:url(images/arrow.gif);>

    }

list-style-position:

Valeurs possibles :

inside (lors d'un retour à la ligne automatique, le texte s'aligne au début de la puce)
outside (lors d'un retour à la ligne automatique, le texte s'aligne à la fin de la puce)
inherit (Hérite de la propriété de son parent)

Exemple

Code CSS

ul{ /* Liste à puce avec la valeur inside */

    list-style-position: inside ;

    }