list-style property CSS Reference

---

Definition and Usage

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

• Initial the concatenation of the initial values of its longhand properties:
  • list-style-image: is itself a shorthand, its initial value is the concatenation of its own longhand properties
  • list-style-position: is itself a shorthand, its initial value is the concatenation of its own longhand properties
  • list-style-type: is itself a shorthand, its initial value is the concatenation of its own longhand properties
• 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

---

Syntax

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

---

Values

Accepts one, two or three keywords in any order.

<'list-style-type'>

See list-style-type

<'list-style-image'>

See list-style-image

<'list-style-position'>

See list-style-position

---

Examples

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

---

Compatibility

Desktop browsers

Mobile browsers