CSS:list-style-position
Un article de MDC.
[modifier] Résumé
list-style-position définit la position de la puce par rapport à la boîte principale.
- Valeur initiale : outside
- S'applique à : éléments de type display: list-item
- Héritée : oui
- Pourcentages : N/A
- Média : Visuel
- Valeur calculée : telle que spécifiée
[modifier] Syntaxe
list-style-position: inside | outside | inherit
[modifier] 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.
[modifier] 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 :
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 :
[modifier] Spécifications
[modifier] Compatibilité des navigateurs
[modifier] Voir également
list-style, list-style-type, list-style-image, list-style-position