Savybė list-style-type

Savybė list-style-type leidžia sąrašui ul vietoj taškinių žymeklių padaryti kvadratus arba apskritimus. Sąrašui ol vietoj įprastų skaičių galima padaryti romėniškus, numeraciją raidėmis: lotyniškomis ar graikiškomis.

Sintaksė

selektorius {
	list-style-type: reikšmė;
}

Reikšmės ul sąrašams

Reikšmė	Aprašas
`circle`	Sukuria žymeklius apskritimo pavidalu.
`disc`	Sukuria žymeklius užpildytų apskritimų pavidalu.
`square`	Sukuria žymeklius kvadratėlių pavidalu.
`none`	Pašalina žymeklius.

Numatytoji reikšmė: disc.

Reikšmės ol sąrašams

Reikšmė	Aprašas
`armenian`	Tradicinis armėniškas numeravimas.
`decimal`	Arabiški skaičiai.
`decimal-leading-zero`	Arabiški skaičiai su nuliu priekyje skaičiams mažesniems nei dešimt.
`georgian`	Tradicinis gruziniškas numeravimas.
`lower-alpha`	Mažosios lotyniškos raidės.
`lower-greek`	Mažosios graikiškos raidės.
`lower-latin`	Ši reikšmė yra analogiška lower-alpha.
`lower-roman`	Romėniški skaičiai mažosiomis raidėmis.
`upper-alpha`	Didžiosios lotyniškos raidės.
`upper-latin`	Ši reikšmė yra analogiška upper-alpha.
`upper-roman`	Romėniški skaičiai didžiosiomis raidėmis.
`none`	Pašalina žymeklius.

Numatytoji reikšmė: decimal.

Pavyzdys

<ul>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
</ul>

ul {
	list-style-type: disc;
}

Pavyzdys

<ul>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
</ul>

ul {
	list-style-type: circle;
}

Pavyzdys

<ul>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
</ul>

ul {
	list-style-type: square;
}

Pavyzdys

<ul>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
</ul>

ul {
	list-style-type: none;
}

Pavyzdys

<ol>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
</ol>

ol {
	list-style-type: decimal;
}

Pavyzdys

<ol>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
</ol>

ol {
	list-style-type: armenian;
}

Pavyzdys

<ol>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
</ol>

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

Pavyzdys

<ol>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
</ol>

ol {
	list-style-type: georgian;
}

Pavyzdys

<ol>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
</ol>

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

Pavyzdys

<ol>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
</ol>

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

Pavyzdys

<ol>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
</ol>

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

Pavyzdys

<ol>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
</ol>

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

Pavyzdys

<ol>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
</ol>

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

Pavyzdys

<ol>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
</ol>

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

Pavyzdys

Šis pavyzdys rodo, kad savybė color veikia ne tik teksto spalvą, bet ir žymeklių spalvą:

<ul>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
	<li>sąrašo elementas</li>
</ul>

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

Taip pat žiūrėkite

savybė list-style-image,
kuri nustato žymeklius nurodytų paveikslėlių pavidalu
savybė list-style-position,
kuri nustato žymeklių poziciją
savybė list-style,
kuri yra trumpinys žymekliams