Vlastnost list-style-type

Vlastnost list-style-type umožňuje u seznamu ul místo značek-teček vytvořit čtverce nebo kružnice. U seznamu ol místo obyčejných číslic lze vytvořit římské, číslování ve formě písmen: latinských nebo řeckých.

Syntaxe

selektor {
	list-style-type: hodnota;
}

Hodnoty pro ul

Hodnota	Popis
`circle`	Vytváří značky ve formě kroužků.
`disc`	Vytváří značky ve formě vyplněných kroužků.
`square`	Vytváří značky ve formě čtverečků.
`none`	Odstraňuje značky.

Výchozí hodnota: disc.

Hodnoty pro ol

Hodnota	Popis
`armenian`	Tradiční arménské číslování.
`decimal`	Arabská čísla.
`decimal-leading-zero`	Arabská čísla s nulou vpředu pro číslice menší než deset.
`georgian`	Tradiční gruzínské číslování.
`lower-alpha`	Malá latinská písmena.
`lower-greek`	Malá řecká písmena.
`lower-latin`	Tato hodnota je analogická k lower-alpha.
`lower-roman`	Římská čísla v dolní registru.
`upper-alpha`	Velká latinská písmena.
`upper-latin`	Tato hodnota je analogická k upper-alpha.
`upper-roman`	Římská čísla v horní registru.
`none`	Odstraňuje značky.

Výchozí hodnota: decimal.

Příklad

<ul>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
</ul>

ul {
	list-style-type: disc;
}

Příklad

<ul>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
</ul>

ul {
	list-style-type: circle;
}

Příklad

<ul>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
</ul>

ul {
	list-style-type: square;
}

Příklad

<ul>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
</ul>

ul {
	list-style-type: none;
}

Příklad

<ol>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
</ol>

ol {
	list-style-type: decimal;
}

Příklad

<ol>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
</ol>

ol {
	list-style-type: armenian;
}

Příklad

<ol>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
</ol>

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

Příklad

<ol>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
</ol>

ol {
	list-style-type: georgian;
}

Příklad

<ol>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
</ol>

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

Příklad

<ol>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
</ol>

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

Příklad

<ol>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
</ol>

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

Příklad

<ol>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
</ol>

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

Příklad

<ol>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
</ol>

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

Příklad

<ol>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
</ol>

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

Příklad

Tento příklad ukazuje, že vlastnost color ovlivňuje nejen barvu textu, ale i barvu značek:

<ul>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
	<li>položka seznamu</li>
</ul>

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

Viz také

vlastnost list-style-image,
která nastavuje značky ve formě zadaných obrázků
vlastnost list-style-position,
která nastavuje pozici značek
vlastnost list-style,
která je zkratkou pro značky