Attribut list-style-position CSS

Définition et utilisation

L'attribut listStylePosition définit où placer le marqueur de l'élément de liste.

Explication

Cette propriété est utilisée pour déclarer la position du marqueur de liste par rapport au contenu de l'élément de liste. Le marqueur externe (outside) est placé à une certaine distance de la bordure de l'élément de liste, mais cette distance n'est pas définie dans CSS. Le marqueur interne (inside) est traité comme s'il était inséré en premier dans le contenu de l'élément de liste comme un élément en ligne.

Voir également :

Tutoriel CSS :liste CSS

Manuel de référence CSS :Attribut list-style CSS

Manuel de référence HTML DOM :Attribut listStylePosition

Exemple

Définit la position du marqueur de liste dans la liste :

ul
  {
  list-style-position:inside;
  }

Essayez-le vous-même

Syntaxe CSS

list-style-position: inside|outside|initial|inherit;

Valeur de l'attribut

Valeur Description
inside Le marqueur de liste est placé à l'intérieur du texte, et le texte est aligné autour du marqueur.
outside Valeur par défaut. Gardez le marqueur à gauche du texte. Le texte ne s'aligne pas autour du marqueur. Le marqueur de liste est placé à l'extérieur du texte.
inherit Définit que la valeur de list-style-position doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : outside
Héritabilité : oui
Version : CSS1
Syntaxe JavaScript : object.style.listStylePosition="inside"

Plus d'exemples

Placement du marqueur de liste
Cet exemple montre où placer le marqueur de liste.

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5