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