list-style

La propriété list-style est une propriété raccourcie qui permet de définir list-style-type, list-style-image et list-style-position.

Valeur initiale	pour chaque propriété individuelle de la propriété raccourcie : `list-style-type`: `disc` `list-style-position`: `outside` `list-style-image`: `none`
Applicabilité	éléments de liste
Héritée	oui
Média	visuel
Valeur calculée	pour chaque propriété individuelle de la propriété raccourcie : `list-style-image`: `none` ou l'image avec son URI rendue absolue `list-style-position`: comme spécifié `list-style-type`: comme spécifié
Animable	non
Ordre canonique	l'ordre d'apparition dans la grammaire formelle des valeurs

Syntaxe

/* Type */
list-style: square;

/* Image */
list-style: url('../img/etoile.png');

/* Position */
list-style: inside;

/* type | position */
list-style: georgian inside;

/* type | image | position */
list-style: lower-roman url('../img/etoile.png') outside;

list-style: none;

/* Valeurs globales */
list-style: inherit;
list-style: initial;
list-style: unset;

Valeurs

Cette propriété raccourcie peut prendre un, deux ou trois mots-clés, dans n'importe quel ordre. Si list-style-type et list-style-image sont tous les deux définis, list-style-type sera utilisé si l'image est indisponible.

<'list-style-type'>: Voir list-style-type
<'list-style-image'>: Voir list-style-image
<'list-style-position'>: Voir list-style-position

Syntaxe formelle

<'list-style-type'> || <'list-style-position'> || <'list-style-image'>

Exemples

CSS

.un {
  list-style: circle;
}

.deux {
  list-style: square inside;
}

HTML

Liste 1
<ul class="un">
  <li>Élément 1</li>
  <li>Élément 2</li>
  <li>Élément 3</li>
</ul>
Liste 2
<ul class="deux">
  <li>Élément A</li>
  <li>Élément B</li>
  <li>Élément C</li>
</ul>

Résultat

Spécifications

Spécification	État	Commentaires
CSS Lists and Counters Module Level 3 La définition de 'list-style' dans cette spécification.	Version de travail	Aucun changement.
CSS Level 2 (Revision 1) La définition de 'list-style' dans cette spécification.	Recommendation	Définition initiale.

Fonctionnalité	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Support simple	1.0	1.0 (1.7 ou moins)	4.0	7.0	1.0

Fonctionnalité	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Support simple	1.0	1.0 (1)	6.0	6.0	1.0