Својство 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>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
</ul>

ul {
	list-style-type: disc;
}

Пример

<ul>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
</ul>

ul {
	list-style-type: circle;
}

Пример

<ul>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
</ul>

ul {
	list-style-type: square;
}

Пример

<ul>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
</ul>

ul {
	list-style-type: none;
}

Пример

<ol>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
</ol>

ol {
	list-style-type: decimal;
}

Пример

<ol>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
</ol>

ol {
	list-style-type: armenian;
}

Пример

<ol>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
</ol>

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

Пример

<ol>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
</ol>

ol {
	list-style-type: georgian;
}

Пример

<ol>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
</ol>

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

Пример

<ol>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
</ol>

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

Пример

<ol>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
</ol>

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

Пример

<ol>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
</ol>

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

Пример

<ol>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
</ol>

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

Пример

<ol>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
</ol>

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

Пример

Овај пример показује да својство color утиче не само на боју текста, него и на боју маркера:

<ul>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
	<li>ставка списка</li>
</ul>

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

Погледајте такође

својство list-style-image,
које задаје маркере у виду задатих слика
својство list-style-position,
које задаје позицију маркера
својство list-style,
које је скраћеница за маркере