List-style хусусияти

list-style хусусияти ul ёки ol рўйхатлари учун маркер тури list-style-type, сурат list-style-image ва унинг ўрни list-style-position ни бир вактда ўрнатиш имконини беради.

Хусусиятларнинг тартиби аҳамиятга эга эмас.

Мисол

Келинг, рўйхатимиз учун квадрат маркерларни ўрнатамиз:

<ul>
	<li>рўйхат элементи</li>
	<li>рўйхат элементи</li>
	<li>рўйхат элементи</li>
	<li>рўйхат элементи</li>
	<li>рўйхат элементи</li>
</ul>

ul {
	list-style: square outside;
}

Мисол

Энди esa list-style хусусиятида маркер учун сурат ва унинг матн майдони ичидаги ўрнини ўрнатамиз:

<ul>
	<li>рўйхат элементи</li>
	<li>рўйхат элементи</li>
	<li>рўйхат элементи</li>
	<li>рўйхат элементи</li>
	<li>рўйхат элементи</li>
</ul>

ul {
	list-style: url("li.gif") inside;
}