list-style

The list-style property is a shorthand notation for setting list-style-type, list-style-image, and list-style-position.

Syntax

list-style: [ <'list-style-type'> || <'list-style-position'> || <'list-style-image'> ] | inherit
Initial: disc, outside, none
Applies To: elements with display: list-item
Inherited: yes
Percentages: NA
Media: visual

Values

list-style: 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, ...)
inside Marker box is outside the principal block box
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
outside Marker box is the first inline box in the principal block box, after which the element's content flows
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, ...)
uri Uniform Resource Identifier (URL, URN, ...) inside url() parenthesis

DOM

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

Example | image | none

Example | image | uri

Example | position | inside

Example | position | outside

Example | type | armenian

Example | type | circle

Example | type | decimal

Example | type | decimal-leading-zero

Example | type | disc

Example | type | georgian

Example | type | lower-alpha

Example | type | lower-greek

Example | type | lower-latin

Example | type | lower-roman

Example | type | none

Example | type | square

Example | type | upper-alpha

Example | type | upper-greek

Example | type | upper-latin

Example | type | upper-roman

Example | DOM

External

W3C Cascading Style Sheets, level 1

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