Хосияти 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>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-type: disc;
}

Намуна

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-type: circle;
}

Намуна

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-type: square;
}

Намуна

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-type: none;
}

Намуна

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: decimal;
}

Намуна

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: armenian;
}

Намуна

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

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

Намуна

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: georgian;
}

Намуна

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

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

Намуна

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

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

Намуна

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

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

Намуна

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

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

Намуна

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

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

Намуна

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

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

Намуна

Ин намуна нишон медиҳад, ки хосияти color танҳо ба ранггирии матн таъсир намерасонад, балки ба ранги нишонаҳо низ:

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

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

Инчунин бубинед

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