Īpašība list-style-type

Īpašība list-style-type ļauj sarakstam ul marķieru vietā ar punktiem izveidot kvadrātus vai apļus. Sarakstam ol parasto ciparu vietā var izveidot romiešu, numurāciju burtu veidā: latīņu vai grieķu.

Sintakse

selektors {
	list-style-type: vērtība;
}

Vērtības ul sarakstiem

Vērtība	Apraksts
`circle`	Izveido marķierus apļu veidā.
`disc`	Izveido marķierus aizpildītu apļu veidā.
`square`	Izveido marķierus kvadrātu veidā.
`none`	Noņem marķierus.

Noklusējuma vērtība: disc.

Vērtības ol sarakstiem

Vērtība	Apraksts
`armenian`	Tradicionālā armēņu numerācija.
`decimal`	Arābu cipari.
`decimal-leading-zero`	Arābu cipari ar nulli priekšā cipariem mazākiem par desmit.
`georgian`	Tradicionālā gruzīnu numerācija.
`lower-alpha`	Mazie latīņu burti.
`lower-greek`	Mazie grieķu burti.
`lower-latin`	Šī vērtība ir analoģiska lower-alpha.
`lower-roman`	Romiešu cipari mazajos burtos.
`upper-alpha`	Lielie latīņu burti.
`upper-latin`	Šī vērtība ir analoģiska upper-alpha.
`upper-roman`	Romiešu cipari lielajos burtos.
`none`	Noņem marķierus.

Noklusējuma vērtība: decimal.

Piemērs

<ul>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ul>

ul {
	list-style-type: disc;
}

Piemērs

<ul>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ul>

ul {
	list-style-type: circle;
}

Piemērs

<ul>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ul>

ul {
	list-style-type: square;
}

Piemērs

<ul>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ul>

ul {
	list-style-type: none;
}

Piemērs

<ol>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ol>

ol {
	list-style-type: decimal;
}

Piemērs

<ol>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ol>

ol {
	list-style-type: armenian;
}

Piemērs

<ol>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ol>

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

Piemērs

<ol>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ol>

ol {
	list-style-type: georgian;
}

Piemērs

<ol>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ol>

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

Piemērs

<ol>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ol>

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

Piemērs

<ol>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ol>

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

Piemērs

<ol>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ol>

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

Piemērs

<ol>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ol>

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

Piemērs

<ol>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ol>

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

Piemērs

Šis piemērs parāda, ka īpašība color ietekmē ne tikai teksta krāsu, bet arī marķieru krāsu:

<ul>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ul>

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

Skatiet arī

īpašība list-style-image,
kura nosaka marķierus norādīto attēlu veidā
īpašība list-style-position,
kura nosaka marķieru pozīciju
īpašība list-style,
kura ir saīsinājums marķieriem