list-style

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

Cette forme courte de propriété permet de définir, à l'aide d'une instruction unique, jusqu'à trois propriétés de style de liste. Les propriétés qui ne sont pas explicitement définies conservent leur valeur initiale.

Ces propriétés définissent les caractéristiques d'affichage des marqueurs de liste des éléments ol et ul.

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

Pour plus de détails sur les valeurs possibles des propriétés list-style-type, list-style-position et list-style-image, voir la section consacrée à chacune de ces propriétés. Vous pouvez spécifier dans la même instruction un, deux ou trois propriétés de style de liste, dans n'importe quel ordre.

Vous pouvez également consulter le site yoyodesign qui consacre un chapitre important aux listes.

Valeur initiale

Aucune.

Exemple
ul {list-style: square outside none}
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 .listStyle

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