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 | 12.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
