list-style Redirect 1


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

  • Initial value the concatenation of the initial values of its longhand properties:
    • list-style-type: disc
    • list-style-position: outside
    • list-style-image: none
  • Applies to list items
  • Inherited yes
  • Media visual
  • Computed value as each of the properties of the shorthand:
    • list-style-image: none or the image with its URI made absolute
    • list-style-position: as specified
    • list-style-type: as specified
  • Animatable no
  • Canonical order order of appearance in the formal grammar of the values


Formal syntax: <'list-style-type'> || <'list-style-position'> || <'list-style-image'>


Accepts one, two or three keywords in any order.

See list-style-type
See list-style-image
See list-style-position


View the live example

ul { list-style: circle; }
#foo { list-style: square inside; }


Specification Status Comment
CSS Lists and Counters Module Level 3 Working Draft No change.
CSS Level 2 (Revision 1) Recommendation Initial definition.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) 4.0 7.0 1.0
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 1.0 1.0 (1) 6.0 6.0 1.0

See also

Document Tags and Contributors

 Contributors to this page: Sheppy
 Last updated by: Sheppy,