Egenskapen list-style-type

Egenskapen list-style-type tillater for listen ul i stedet for prikkmerker å lage kvadrater eller sirkler. For listen ol i stedet for vanlige tall kan man lage romerske tall, nummerering i form av bokstaver: latinske eller greske.

Syntaks

velger {
	list-style-type: verdi;
}

Verdier for ul

Verdi	Beskrivelse
`circle`	Lager markører i form av sirkler.
`disc`	Lager markører i form av fylte sirkler.
`square`	Lager markører i form av kvadrater.
`none`	Fjerner markører.

Standardverdi: disc.

Verdier for ol

Verdi	Beskrivelse
`armenian`	Tradisjonell armensk nummerering.
`decimal`	Arabiske tall.
`decimal-leading-zero`	Arabiske tall med null foran for tall mindre enn ti.
`georgian`	Tradisjonell georgisk nummerering.
`lower-alpha`	Små latinske bokstaver.
`lower-greek`	Små greske bokstaver.
`lower-latin`	Denne verdien tilsvarer lower-alpha.
`lower-roman`	Romerske tall med små bokstaver.
`upper-alpha`	Store latinske bokstaver.
`upper-latin`	Denne verdien tilsvarer upper-alpha.
`upper-roman`	Romerske tall med store bokstaver.
`none`	Fjerner markører.

Standardverdi: decimal.

Eksempel

<ul>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
</ul>

ul {
	list-style-type: disc;
}

Eksempel

<ul>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
</ul>

ul {
	list-style-type: circle;
}

Eksempel

<ul>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
</ul>

ul {
	list-style-type: square;
}

Eksempel

<ul>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
</ul>

ul {
	list-style-type: none;
}

Eksempel

<ol>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
</ol>

ol {
	list-style-type: decimal;
}

Eksempel

<ol>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
</ol>

ol {
	list-style-type: armenian;
}

Eksempel

<ol>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
</ol>

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

Eksempel

<ol>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
</ol>

ol {
	list-style-type: georgian;
}

Eksempel

<ol>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
</ol>

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

Eksempel

<ol>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
</ol>

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

Eksempel

<ol>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
</ol>

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

Eksempel

<ol>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
</ol>

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

Eksempel

<ol>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
</ol>

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

Eksempel

<ol>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
</ol>

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

Eksempel

Dette eksemplet viser at egenskapen color påvirker ikke bare tekstfargen, men også fargen på markørene:

<ul>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
	<li>listeelement</li>
</ul>

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

Se også

egenskapen list-style-image,
som setter markører i form av spesifiserte bilder
egenskapen list-style-position,
som setter posisjonen til markørene
egenskapen list-style,
som er en forkortelse for markører