Proprietatea list-style-type

Proprietatea list-style-type permite pentru lista ul în loc de marcatori-puncte să facă pătrate sau cercuri. Pentru lista ol în loc de cifre obișnuite se pot face cifre romane, numerotarea sub formă de litere: latine sau grecești.

Sintaxă

selector {
	list-style-type: valoare;
}

Valori pentru ul

Valoare	Descriere
`circle`	Creează marcatori sub formă de cerculețe.
`disc`	Creează marcatori sub formă de cerculețe umplute.
`square`	Creează marcatori sub formă de pătrățele.
`none`	Elimină marcatorii.

Valoarea implicită: disc.

Valori pentru ol

Valoare	Descriere
`armenian`	Numerotația armeană tradițională.
`decimal`	Cifre arabe.
`decimal-leading-zero`	Cifre arabe cu zero în față pentru cifre mai mici de zece.
`georgian`	Numerotația georgiană tradițională.
`lower-alpha`	Litere latine mici.
`lower-greek`	Litere grecești mici.
`lower-latin`	Această valoare este analogă cu lower-alpha.
`lower-roman`	Cifre romane mici.
`upper-alpha`	Litere latine mari.
`upper-latin`	Această valoare este analogă cu upper-alpha.
`upper-roman`	Cifre romane mari.
`none`	Elimină marcatorii.

Valoarea implicită: decimal.

Exemplu

<ul>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
</ul>

ul {
	list-style-type: disc;
}

Exemplu

<ul>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
</ul>

ul {
	list-style-type: circle;
}

Exemplu

<ul>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
</ul>

ul {
	list-style-type: square;
}

Exemplu

<ul>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
</ul>

ul {
	list-style-type: none;
}

Exemplu

<ol>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
</ol>

ol {
	list-style-type: decimal;
}

Exemplu

<ol>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
</ol>

ol {
	list-style-type: armenian;
}

Exemplu

<ol>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
</ol>

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

Exemplu

<ol>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
</ol>

ol {
	list-style-type: georgian;
}

Exemplu

<ol>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
</ol>

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

Exemplu

<ol>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
</ol>

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

Exemplu

<ol>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
</ol>

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

Exemplu

<ol>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
</ol>

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

Exemplu

<ol>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
</ol>

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

Exemplu

<ol>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
</ol>

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

Exemplu

Acest exemplu arată că proprietatea color influențează nu numai culoarea textului, ci și culoarea marcatorilor:

<ul>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
	<li>element listă</li>
</ul>

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

Veți și

proprietatea list-style-image,
care stabilește marcatori sub formă de imagini date
proprietatea list-style-position,
care stabilește poziția marcatorilor
proprietatea list-style,
care este o prescurtare pentru marcatori