list-style-type хусусияти

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

Синтаксис

селектор {
	list-style-type: қиймат;
}

ul учун қийматлар

Қиймат	Тавсиф
`circle`	Доира шаклидаги маркерларни яратади.
`disc`	Тўлдирилган доира шаклидаги маркерларни яратади.
`square`	Квадратча шаклидаги маркерларни яратади.
`none`	Маркерларни ўчиради.

Сускрима қиймати: disc.

ol учун қийматлар

Қиймат	Тавсиф
`armenian`	Анаъанавий арман рақамлаши.
`decimal`	Араб рақамлари.
`decimal-leading-zero`	Ундан кичик рақамлар учун олдида ноли бўлган араб рақамлари.
`georgian`	Анаъанавий гуржи рақамлаши.
`lower-alpha`	Кичик лотин ҳарфлари.
`lower-greek`	Кичик юнон ҳарфлари.
`lower-latin`	Бу қиймат lower-alpha га ўхшаш.
`lower-roman`	Кичик рим рақамлари.
`upper-alpha`	Катта лотин ҳарфлари.
`upper-latin`	Бу қиймат upper-alpha га ўхшаш.
`upper-roman`	Катта рим рақамлари.
`none`	Маркерларни ўчиради.

Сускрима қиймати: decimal.

Мисол

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

ul {
	list-style-type: disc;
}

Мисол

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

ul {
	list-style-type: circle;
}

Мисол

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

ul {
	list-style-type: square;
}

Мисол

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

ul {
	list-style-type: none;
}

Мисол

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

ol {
	list-style-type: decimal;
}

Мисол

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

ol {
	list-style-type: armenian;
}

Мисол

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

ol {
	list-style-type: decimal-leading-zero;
}

Мисол

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

ol {
	list-style-type: georgian;
}

Мисол

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

ol {
	list-style-type: lower-alpha;
}

Мисол

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

ol {
	list-style-type: lower-greek;
}

Мисол

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

ol {
	list-style-type: lower-latin;
}

Мисол

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

ol {
	list-style-type: lower-roman;
}

Мисол

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

ol {
	list-style-type: upper-alpha;
}

Мисол

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

ol {
	list-style-type: upper-roman;
}

Мисол

Бу мисол color хусусияти матн рангигагина эмас, балки маркерлар рангига ҳам таъсир қилишини кўрсатади:

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

ul {
	list-style-type: disc;
	color: red;
}

Шунингдек қаранг

list-style-image хусусияти,
берилган расмлар шаклидаги маркерларни белгилайди
list-style-position хусусияти,
маркерлар жойлашувини белгилайди
list-style хусусияти,
маркерлар учун қисқартирилган хусуятдир