Propriété list-style-position

La propriété list-style-position détermine la façon dont le marqueur de liste est affiché : à l'intérieur ou à l'extérieur de l'élément de liste ul ou ol.

Syntaxe

csssélecteur {
  list-style-position: inside | outside;
}

Valeurs

Valeur par défaut : outside.

Exemple . Valeur inside

html<ul>
  <li>élément de liste</li>
  <li>élément de liste</li>
  <li>élément de liste</li>
  <li>élément de liste</li>
  <li>élément de liste</li>
</ul>

cssul {
  list-style-position: inside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

Exemple . Valeur outside

html<ul>
  <li>élément de liste</li>
  <li>élément de liste</li>
  <li>élément de liste</li>
  <li>élément de liste</li>
  <li>élément de liste</li>
</ul>

cssul {
  list-style-position: outside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

Voir aussi