CSS list-style Property

Example

Specify all the list properties in one declaration:

ul
{
list-style:square inside url("/images/blueball.gif");
}

Try it yourself »

The list-style shorthand property sets all the list properties in one declaration.

The properties that can be set, are (in order): list-style-type, list-style-position, list-style-image.

If one of the values above are missing, e.g. "list-style:circle inside;", the default value for the missing property will be inserted, if any.

Default value:	disc outside none
Inherited:	yes
Version:	CSS1
JavaScript syntax:	object.style.listStyle="decimal inside"

The list-style-image property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Value	Description
list-style-type	Specifies the type of list-item marker. See list-style-type for possible values
list-style-position	Specifies where to place the list-item marker. See list-style-position for possible values
list-style-image	Specifies the type of list-item marker. See list-style-image for possible values
inherit	Specifies that the value of the list-style property should be inherited from the parent element

CSS tutorial: CSS List

HTML DOM reference: listStyle property