Propriété CSS list-style-position
Exemple
Spécifiez la position des marqueurs d'élément de liste :
ul.a {
list-style-position: outside;
}
ul.b {
list-style-position: inside;
}
Définition et utilisation
La list-style-position
propriété spécifie la position des marqueurs d'éléments de liste (puces).
list-style-position: outside;
signifie que les puces seront en dehors de l'élément de liste. Le début de chaque ligne d'un élément de liste sera aligné verticalement :
- Café - Une boisson infusée préparée à partir de grains de café torréfiés...
- Thé
- du Coca
list-style-position: inside;
signifie que les puces seront à l'intérieur de l'élément de liste. Comme il fait partie de l'élément de liste, il fera partie du texte et poussera le texte au début :
- Café - Une boisson infusée préparée à partir de grains de café torréfiés...
- Thé
- du Coca
Valeur par défaut: | dehors |
---|---|
Hérité: | Oui |
Animable : | non. En savoir plus sur l'animation |
Version: | CSS1 |
Syntaxe JavaScript : | objet .style.listStylePosition="à l'intérieur" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxe CSS
list-style-position: inside|outside|initial|inherit;
Valeurs de propriété
Value | Description | Play it |
---|---|---|
inside | The bullet points will be inside the list item | |
outside | The bullet points will be outside the list item. This is default | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Pages connexes
Tutoriel CSS : Liste CSS
Référence CSS : propriété de style liste
Référence HTML DOM : propriété listStylePosition