Propiedad list-style-position

La propiedad list-style-position establece cómo se mostrará el marcador de lista: dentro o fuera de la lista ul o ol.

Sintaxis

selector {
	list-style-position: inside | outside;
}

Valores

Valor	Descripción
`inside`	El marcador se encuentra dentro de la lista.
`outside`	El marcador se encuentra fuera de la lista.

Valor por defecto: outside.

Ejemplo . Valor inside

<ul>
	<li>elemento de lista</li>
	<li>elemento de lista</li>
	<li>elemento de lista</li>
	<li>elemento de lista</li>
	<li>elemento de lista</li>
</ul>

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

Ejemplo . Valor outside

<ul>
	<li>elemento de lista</li>
	<li>elemento de lista</li>
	<li>elemento de lista</li>
	<li>elemento de lista</li>
	<li>elemento de lista</li>
</ul>

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

Véase también

propiedad list-style-type,
que establece el tipo de marcadores de lista
propiedad list-style-type,
que establece el tipo de marcadores de lista
propiedad list-style,
que es una abreviatura para los marcadores