CSS list-style-type egenskap

Definition och användning

list-style-type-attributet anger typen på listmärken.

Se också:

CSS-tutorials:CSS lista

CSS-handboken:CSS list-style egenskap

HTML DOM-handboken:listStyleType-attributet

Exempel

Ställ in olika liststilar:

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;}

Prova själv

（Fler exempel finns längst ner på sidan）

CSS-syntax

list-style-type: value;

Attributvärde

CSS2-värden:

Värde Beskrivning
none Ingen markör.
disc Standard. Markören är en fylld cirkel.
circle Markören är en tom cirkel.
square Markören är en fylld rektangel.
decimal Markören är ett nummer.
decimal-leading-zero Nummer som börjar med noll (01, 02, 03, osv.)
lower-roman Små romerska siffror (i, ii, iii, iv, v, osv.)
upper-roman Stora romerska siffror (I, II, III, IV, V, osv.)
lower-alpha De små engelska bokstäver Markören är lägre-alpha (a, b, c, d, e, osv.)
upper-alpha Stora engelska bokstäver Markören är upper-alpha (A, B, C, D, E, etc.)
lower-greek Lilla grekiska bokstäver (alpha, beta, gamma, etc.)
lower-latin Lilla latinska bokstäver (a, b, c, d, e, etc.)
upper-latin Stora latinska bokstäver (A, B, C, D, E, etc.)
hebrew Traditionell hebreisk numreringsmetod
armenisk Traditionell armenisk numreringsmetod
georgisk Traditionell georgisk numreringsmetod (an, ban, gan, etc.)
cjk-ideographic Enkla logografiska siffror
hiragana Markörerna är: a, i, u, e, o, ka, ki, etc. (japanska katakana)
katakana Markörerna är: A, I, U, E, O, KA, KI, etc. (japanska katakana)
hiragana-iroha Markörerna är: i, ro, ha, ni, ho, he, to, etc. (japanska katakana)
katakana-iroha Markörerna är: I, RO, HA, NI, HO, HE, TO, etc. (japanska katakana)

CSS2.1 värden:

disc | circle | square | decimal | decimal-leading-zero | 
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | 
armenisk | georgisk | ingen | arv

Tekniska detaljer

Standardvärde: disc
Arv: ja
Version: CSS1
JavaScript-syntax: object.style.listStyleType="square"

Mer exempel

Olika typer av listmarkörer i icke-numrerade listor
Detta exempel visar olika typer av listitem-markörer i CSS.
Olika typer av listitem-markörer i numrerade listor
Detta exempel visar olika typer av listitem-markörer i CSS.
Alla liststiltyper
Detta exempel visar alla olika typer av listitem-markörer i CSS.

Webbläsarstöd

Tabellen numrer anger den första webbläsare som helt stöder egenskapen.

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