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

list-style
list-style-image
list-style-position
list-style-type
marker-offset




Ce site vous a plu ? Visitez aussi : Conception de sites Internet 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
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu