list-style-position

Résumé

La propriété CSS list-style-position définit la position de la puce par rapport à la boîte principale.

Syntaxe

list-style-position: inside | outside | inherit

Valeurs

outside
La puce se trouve à l'extérieur de la boîte principale.
inside
La puce est la première boîte en ligne dans la boîte bloc principale, après laquelle s'insère le contenu de l'élément.

Exemples

Ce code HTML :

<ul>
  <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
  sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
  aliquam erat.</li>
</ul>

avec les règles suivantes :

li {
    list-style-position: inside;
    border: 1px solid #000;      /* La bordure colorée aide à bien
                                    distinguer la différence
                                    entre l'intérieur et l'extérieur */
}

s'affichera ainsi : image:List-style-position_inside.png

Le même code HTML avec les règles suivantes :

li {
    list-style-position: outside;
    border: 1px solid #000;      /* La bordure colorée aide à bien
                                    distinguer la différence
                                    entre l'intérieur et l'extérieur */
}

s'affichera ainsi  : image:list-style-position_outside.png

Spécifications

Compatibilité des navigateurs

Voir également

Interwiki Languages Links

Étiquettes et contributeurs liés au document

Étiquettes : 
Dernière mise à jour par : teoli,
Masquer la barre latérale