list-style-type

Hérité : oui   -   Compatibilité : FF, Mozilla, Opera, Safari IE 4,5,6,7 - CSS 1

Définit le type de puce à afficher pour chaque élément. Cette propriété s'applique uniquement si la valeur de list-style-image est none (ou que cette propriété n'est pas spécifié).

Les valeurs constantes disponibles pour cette propriété se divisent en deux catégories :

  • La première s'utilise avec les éléments ul et permet d'afficher des puces en forme de disque plein, de cercle vide ou de carré.
  • La seconde s'utilise avec les éléments ol et permet de produire des listes numérotées préfixées par des chiffres arabes, des chiffres romains (majuscules ou minuscules) ou des lettres de l'alphabet (majuscules ou minuscules), dans l'ordre ascendant, ainsi que des séquences de caractères supplémentaires dans d'autres langues si le navigateur et le système d'exploitation prennent ces langues en charge.

Le site yoyodesign consacre un chapitre important aux listes.

Syntaxe CSS
list-style-type: listStyleType
Valeur(s) possible(s) pour cette propriété :

L'une des constantes suivantes, en fonction du type d'éléments de liste.

Pour ul: circle | disc | square.

Pour ol: decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha.

Valeur initiale

disc (pour ul de premier niveau); decimal (pour ol).

Exemple
ul {list-style-type: circle}
li {list-style-type: upper-roman}
S'applique à 

Eléments dd, dt, li, ol et ul et tout autre élément doté de la propriété de style display:list-item.

Javascript
[window.]document .getElementById("elementID") .style .listStyleType


Ce site vous a plu ? Visitez aussi : L'annuaire ultra-sélectif pour webmasters et Le design des sites Web

 


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention (y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional - Vérifier l'orthographe avec RankSpirit et "BonPatron"
conception :
Design de sites Web
Raccourcis
Accueil Recherche ImprimerImprimer Aller au contenuHaut de page Page précédente Page suivante liens d'évitement et raccourcis clavierAccessibilité Droits de copieCopyrights ContactContact Aller au menu
Dans la même famille : Sites favoris :