Lastnost list-style-type

Lastnost list-style-type omogoča za seznam ul namesto označevalnikov-pik narediti kvadratke ali krožce. Za seznam ol namesto običajnih števk lahko naredite rimske, oštevilčenje v obliki črk: latiničnih ali grških.

Sintaksa

selektor {
	list-style-type: vrednost;
}

Vrednosti za ul

Vrednost	Opis
`circle`	Ustvari označevalnike v obliki krogov.
`disc`	Ustvari označevalnike v obliki pobarvanih krogov.
`square`	Ustvari označevalnike v obliki kvadratkov.
`none`	Odstrani označevalnike.

Privzeta vrednost: disc.

Vrednosti za ol

Vrednost	Opis
`armenian`	Tradicionalna armenska številčenja.
`decimal`	Arabske številke.
`decimal-leading-zero`	Arabske številke z ničlo spredaj za številke manjše od deset.
`georgian`	Tradicionalna gruzijska številčenja.
`lower-alpha`	Male latinične črke.
`lower-greek`	Male grške črke.
`lower-latin`	Ta vrednost je analogna lower-alpha.
`lower-roman`	Rimske številke v malih črkah.
`upper-alpha`	Velike latinične črke.
`upper-latin`	Ta vrednost je analogna upper-alpha.
`upper-roman`	Rimske številke v velikih črkah.
`none`	Odstrani označevalnike.

Privzeta vrednost: decimal.

Primer

<ul>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
</ul>

ul {
	list-style-type: disc;
}

Primer

<ul>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
</ul>

ul {
	list-style-type: circle;
}

Primer

<ul>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
</ul>

ul {
	list-style-type: square;
}

Primer

<ul>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
</ul>

ul {
	list-style-type: none;
}

Primer

<ol>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
</ol>

ol {
	list-style-type: decimal;
}

Primer

<ol>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
</ol>

ol {
	list-style-type: armenian;
}

Primer

<ol>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
</ol>

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

Primer

<ol>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
</ol>

ol {
	list-style-type: georgian;
}

Primer

<ol>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
</ol>

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

Primer

<ol>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
</ol>

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

Primer

<ol>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
</ol>

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

Primer

<ol>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
</ol>

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

Primer

<ol>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
</ol>

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

Primer

<ol>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
</ol>

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

Primer

Ta primer prikazuje, da lastnost color vpliva ne le na barvo besedila, temveč tudi na barvo označevalnikov:

<ul>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
	<li>seznam elementov</li>
</ul>

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

Glejte tudi

lastnost list-style-image,
ki nastavi označevalnike v obliki danih slik
lastnost list-style-position,
ki nastavi pozicijo označevalnikov
lastnost list-style,
ki je okrajšava za označevalnike