list-style-position сипаттамасы

list-style-position сипаттамасы тізім маркерінің қалай көрсетілетінін орнатады: ul немесе ol тізімінің ішінде немесе сыртында.

Синтаксис

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

Мәні	Сипаттамасы
`inside`	Маркер тізімнің ішінде орналасады.
`outside`	Маркер тізімнің сыртында орналасады.

Әдепкі мәні: outside.

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

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