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

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

Valeurs

Valeur	Description
`inside`	Le marqueur se trouve à l'intérieur de l'élément de liste.
`outside`	Le marqueur se trouve à l'extérieur de l'élément de liste.

Valeur par défaut : outside.

Exemple . Valeur inside

<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>

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

Exemple . Valeur outside

<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>

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

Voir aussi

la propriété list-style-type,
qui définit le type des marqueurs de liste
la propriété list-style-type,
qui définit le type des marqueurs de liste
la propriété list-style,
qui est un raccourci pour les marqueurs