CSS list-style Property


Example

Specify all the list properties in one declaration:

ul {
    list-style: square url("sqpurple.gif");
}

Try it yourself »

Definition and Usage

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
Animatable: no. Read about animatable
Version: CSS1
JavaScript syntax: object.style.listStyle="decimal inside" Try it


Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
list-style 1.0 4.0 1.0 1.0  7.0


CSS Syntax

list-style: list-style-type list-style-position list-style-image|initial|inherit;

Property Values

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
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit


Related Pages

CSS tutorial: CSS List

HTML DOM reference: listStyle property



Color Picker

colorpicker