Свойство list-style-position

Свойство list-style-position задава как ще се показва маркерът на списъка: вътре или отвън на списъка ul или ol.

Синтаксис

селектор {
	list-style-position: inside | outside;
}

Стойности

Стойност	Описание
`inside`	Маркерът се намира вътре в списъка.
`outside`	Маркерът се намира отвън на списъка.

Стойност по подразбиране: outside.

Пример . Стойност inside

<ul>
	<li>елемент от списък</li>
	<li>елемент от списък</li>
	<li>елемент от списък</li>
	<li>елемент от списък</li>
	<li>елемент от списък</li>
</ul>

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

Пример . Стойност outside

<ul>
	<li>елемент от списък</li>
	<li>елемент от списък</li>
	<li>елемент от списък</li>
	<li>елемент от списък</li>
	<li>елемент от списък</li>
</ul>

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

Вижте също

свойство list-style-type,
което задава типа на маркерите на списъка
свойство list-style-type,
което задава типа на маркерите на списъка
свойство list-style,
което е съкращение за маркерите