documentation css list-style-type

Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » list-style-type

list-style-type

Version CSS : 1

  • S’applique à : Eléments DD, DT, LI, UL et OL et tout autre élement doté de l’attribut de style “display:list-item”.
  • Valeur héritée : Oui
  • Valeur par défaut : disc (pour ul) et decimal (pour ol)
Compatibilité
Valeur Définition IE NS MOZ OPERA SAFARI
lower-alpha sur listes ol : a, b, c, d. etc. oui (5+) oui (4+) oui oui oui
upper-roman sur listes ol : I, II, III, IV. etc. oui (5+) oui (4+) oui oui oui
lower-roman sur listes ol : i, ii, iii, iv. etc. oui (5+) oui (4+) oui oui oui
decimal sur listes ol : 1.,2.,3.,4. etc. oui (5+) oui (4+) oui oui oui
square sur listes ul : rectangle oui (5+) oui (4+) oui oui oui
circle sur listes ul : cercle oui (5+) oui (4+) oui oui oui
disc sur listes ul : cercle plein oui (5+) oui (4+) oui oui oui
upper-alpha sur listes ol : A, B, C, D. etc. oui (5+) oui (4+) oui oui oui
none Pas de puces, pas de numérotation. oui (5+) oui (4+) oui oui oui

List-style-type permet de définir le style (ou l’apparence) de la puce. Cet attribut s’applique uniquement si la valeur de list-style-image est none ou n’est pas précisée. Il existe 2 genres de catégories puisqu’il existe 2 genres de listes.

La 1° s’utilise avec la balise ul définissant une liste énumérative, où la puce est présentée par un cercle, un carré…. Attention, selon la plateforme (mac/pc), la puce apparaît différemment.

La 2° s’utilise avec la balise ol définissant une liste numérotée, où la puce est présentée par des chiffres arabes/romains ou des lettres en majuscule/minuscule.

Exemple de script 

ul {
  list-style-type: circle;
}
 
ol {
  list-style-type: lower-alpha;
}



veille
inscrits inscrits ! Compensation à la rédaction
  • Inscription au wiki
  • Connexion

vod