CSS:Mise en forme de liste

Un article de WikiTuto.

Jump to: navigation, search

Apprendre les CSS

CSS

Généralités

Feuilles de style : appliquer un style

Feuilles de style : liste des éléments

Exemple de réalisation de feuille de style

Utilitaires CSS

Positionnement et affichage

Tableaux sans tableau

Bouton CSS sans programmation

Les bugs d'Internet Explorer

modifier Tdm CSS

[modifier]

list-style-type

type de numérotation ou de puce ; on peut utiliser l'un des mots disc (disque plein), circle (cercle, donc vide), square (carré), decimal (numérotation classique : 1, 2, 3, 4, 5), lower-roman (numérotation en chiffres romains minuscules : i, ii, iii, iv, v), upper-roman (numérotation en chiffres romains majuscules : I, II, III, IV, V), lower-alpha (numérotation en lettres minuscules : a, b, c, d, e), upper-alpha (numérotation en lettres majuscules : A, B, C, D, E), none ; il est à noter que la définition du list-style-type l'emporte que le type d'origine de la liste : on peut ainsi numéroter une liste <ul>, et transformer une liste <ol> en liste à puces ; on pourra trouver sur internet d'autres types de listes moins classiques ;

[modifier]

list-style-image

permet de spécifier une image servant de puce pour les listes ; on peut utiliser none ou url(nom de fichier image) ;

[modifier]

list-style-position

position de la numérotation ou de la puce par rapport au reste du texte (décalage vers la droite ou pas) ; on peut utiliser l'un des mots inside ou outside ;

[modifier]