The list-style-type property specifies appearance of the list item marker if list-style-image has the value "none" or if the image pointed to by the URI cannot be displayed.


list-style-type: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | upper-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit
Initial: disc
Applies To: elements with display: list-item
Inherited: yes
Percentages: NA
Media: visual


list-style-type: value
Value Description
armenian Traditional Armenian numbering
circle Circle glyph
decimal Decimal numbers, beginning with 1
decimal-leading-zero Decimal numbers padded by initial zeros (01, 02, 03, ... 98, 99)
disc Disc glyph
georgian Traditional Georgian numbering (an, ban, gan, ... he, tan, in, in-an, ...)
lower-alpha Lowercase ascii letters (a, b, c, ... z)
lower-greek Lowercase classical Greek (α, β, γ, ...)
lower-latin Lowercase ascii letters (a, b, c, ... z)
lower-roman Lowercase roman numerals (i, ii, iii, iv, v, ...)
none No marker
square Square glyph
upper-alpha Uppercase ascii letters (A, B, C, ... Z)
upper-greek Uppercase classical Greek (Α, Β, Γ, ...)
upper-latin Uppercase ascii letters (A, B, C, ... Z)
upper-roman Uppercase roman numerals (I, II, III, IV, V, ...)


[window.]document.getElementById("element-id").style.listStyleType = "list-style-type";

Example | armenian

Example | circle

Example | decimal

Example | decimal-leading-zero

Example | disc

Example | georgian

Example | lower-alpha

Example | lower-greek

Example | lower-latin

Example | lower-roman

Example | none

Example | square

Example | upper-alpha

Example | upper-greek

Example | upper-latin

Example | upper-roman

Example | DOM


W3C Cascading Style Sheets, level 1

W3C Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification