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 касиети,
белгилер үчүн кыскартылган форма болуп саналат