HTML Dog
Skip to navigation

CSS Property: list-style

The type, image, and position of a list item marker,

A shorthand property that combines list-style-type, list-style-image, and list-style-position.

Applies to boxes set to display: list-item (of which li HTML elements are by default).

Possible Values

A space-separated list, containing up to three values representing list-style-type, list-style-image, and list-style-position. Any excluded values will default to their initial value.

ValueDescriptionExample
[type]
(equivalent of list-style-type value)
  • Type is set explicitly.
  • Image defaults to none.
  • Position defaults to outside.
square
[image]
(equivalent of list-style-image value)
  • Image is set explicitly.
  • Type defaults to initial value.
  • Position defaults to outside.
url("bullet.png")
[position]
(equivalent of list-style-position value)
  • Position is set explicitly.
  • Type defaults to initial value.
  • Image defaults to none.
inside
[type] [image]
  • Type is set explicitly and used as fallback, if image is unavailable.
  • Image is set explicitly.
  • Position defaults to outside.
square url("bullet.png")
[type] [position]
  • Type is set explicitly.
  • Position is set explicitly.
  • Image defaults to none.
square inside
[image] [position]
  • Image is set explicitly.
  • Position is set explicitly.
  • Type defaults to initial value.
url("bullet.png") inside
[type] [image] [position]
  • Type is set explicitly and used as fallback, if image is unavailable.
  • Image is set explicitly.
  • Position is set explicitly.
square url("bullet.png") inside
inherit
initial
unset

Example


li { list-style: square inside; }

Browser support