Svojstvo list-style-type

Svojstvo list-style-type omogućava za listu ul umesto markera-tačaka da napravi kvadratiće ili krugove. Za listu ol umesto običnih brojeva može da napravi rimske, numeraciju u vidu slova: latiničnih ili grčkih.

Sintaksa

selektor {
	list-style-type: vrednost;
}

Vrednosti za ul

Vrednost	Opis
`circle`	Kreira markere u vidu krugova.
`disc`	Kreira markere u vidu popunjenih krugova.
`square`	Kreira markere u vidu kvadratića.
`none`	Uklanja markere.

Podrazumevana vrednost: disc.

Vrednosti za ol

Vrednost	Opis
`armenian`	Tradicionalna jermenska numeracija.
`decimal`	Arapski brojevi.
`decimal-leading-zero`	Arapski brojevi sa nulom ispred za brojeve manje od deset.
`georgian`	Tradicionalna gruzijska numeracija.
`lower-alpha`	Mala latinična slova.
`lower-greek`	Mala grčka slova.
`lower-latin`	Ova vrednost je analogna sa lower-alpha.
`lower-roman`	Rimski brojevi u malim slovima.
`upper-alpha`	Velika latinična slova.
`upper-latin`	Ova vrednost je analogna sa upper-alpha.
`upper-roman`	Rimski brojevi u velikim slovima.
`none`	Uklanja markere.

Podrazumevana vrednost: decimal.

Primer

<ul>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ul>

ul {
	list-style-type: disc;
}

Primer

<ul>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ul>

ul {
	list-style-type: circle;
}

Primer

<ul>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ul>

ul {
	list-style-type: square;
}

Primer

<ul>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ul>

ul {
	list-style-type: none;
}

Primer

<ol>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ol>

ol {
	list-style-type: decimal;
}

Primer

<ol>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ol>

ol {
	list-style-type: armenian;
}

Primer

<ol>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ol>

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

Primer

<ol>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ol>

ol {
	list-style-type: georgian;
}

Primer

<ol>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ol>

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

Primer

<ol>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ol>

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

Primer

<ol>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ol>

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

Primer

<ol>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ol>

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

Primer

<ol>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ol>

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

Primer

<ol>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ol>

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

Primer

Ovaj primer pokazuje da svojstvo color utiče ne samo na boju teksta, već i na boju markera:

<ul>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ul>

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

Pogledajte takođe

svojstvo list-style-image,
koje zadaje markere u vidu zadatih slika
svojstvo list-style-position,
koje zadaje poziciju markera
svojstvo list-style,
koje je skraćenica za markere