CSS list-style-type eigenschap

Definitie en gebruik

list-style-type eigenschap stelt het type van de lijstmarkering in.

Zie ook:

CSS handleiding:CSS lijst

CSS referentiehandleiding:CSS list-style eigenschap

HTML DOM referentiehandleiding:listStyleType eigenschap

Voorbeeld

Stel verschillende lijststijlen in:

ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}

Probeer het zelf

（Meer voorbeelden zijn te vinden aan de onderkant van de pagina）

CSS syntaxis

list-style-type: value;

Eigenschapswaarde

Waarde van CSS2:

Waarde Beschrijving
none Geen marker.
disc Standaard. De marker is een zachte cirkel.
circle De marker is een holle cirkel.
square De marker is een zachte vierkant.
decimal De marker is een getal.
decimal-leading-zero Nummer met nulla als voorloopcijfer (01, 02, 03, enz.)
lower-roman Lage letters van het Romeinse cijfer (i, ii, iii, iv, v, enz.)
upper-roman Hoog letters van het Romeinse cijfer (I, II, III, IV, V, enz.)
lower-alpha De marker is lage letters van het Engels (The, marker is, lower-alpha, (a, b, c, d, e, enz.)
upper-alpha Hoofdletters van het Engelse alfabet. De marker is upper-alpha (A, B, C, D, E, enz.)
lower-greek Kleine Griekse letters (alpha, beta, gamma, enz.)
lower-latin Kleine letters van het Latijnse alfabet (a, b, c, d, e, enz.)
upper-latin Hoofdletters van het Latijnse alfabet (A, B, C, D, E, enz.)
hebrew Traditionele Hebreeuwse nummering
armenisch Traditionele Armeense nummering
georgisch Traditionele Georgische nummering (an, ban, gan, enz.)
cjk-ideographic Eenvoudige ideografische cijfers
hiragana De markeringen zijn: a, i, u, e, o, ka, ki, enz. (Japanse katakana)
katakana De markeringen zijn: A, I, U, E, O, KA, KI, enz. (Japanse katakana)
hiragana-iroha De markeringen zijn: i, ro, ha, ni, ho, he, to, enz. (Japanse katakana)
katakana-iroha De markeringen zijn: I, RO, HA, NI, HO, HE, TO, enz. (Japanse katakana)

Waarden van CSS2.1:

disc | circle | square | decimal | decimal-leading-zero | 
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | 
armenisch | georgisch | geen | geërfd

Technische details

Standaardwaarde: disc
Inheritance: ja
Versie: CSS1
JavaScript-syntaxis: object.style.listStyleType="square"

Meer voorbeelden

Verschillende types lijstmarkeringen in een ongesorteerde lijst
Dit voorbeeld demonstreert verschillende types lijstitem-markeringen in CSS.
Verschillende types lijstitem-markeringen in een geordende lijst
Dit voorbeeld demonstreert verschillende types lijstitem-markeringen in CSS.
Alle lijststijltypen
Dit voorbeeld demonstreert alle verschillende types lijstitem-markeringen in CSS.

browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5