CSS list-styleProperty
Example
Specify all list properties in one declaration:
ul
{
list-style:square url("sqpurple.gif");
}
Try it Yourself »
Attribute definition and usage instructions
The list-style shorthand property sets all list properties in one declaration.
Can be setofProperty（pressSequence）： list-style-type, list-style-position, list-style-image.
Some of the values may be omitted, for example "list-style:circle inside;" is also allowed. Unset properties will use their default values.
| Default value: | disc outside none |
|---|---|
| Inherited: | yes |
| version: | CSS1 |
| JavaScript Syntax: | object.style.listStyle="decimal inside" |
Browser Support
The numbers in the table indicate the first browser version number that supports the property.
| Property | |||||
|---|---|---|---|---|---|
| list-style | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Property value
| Value | Description |
|---|---|
| list-style-type | Sets the type of list item marker. See also:list-style-typePossible values in. |
| list-style-position | Sets where to place the list-item marker. See:list-style-positionPossible values in. |
| list-style-image | Replaces the list-item marker with an image. See:list-style-imagePossible values in. |
| initial | Sets this property to its default value. See:initialPossible values in. |
| inherit | Specifies that the value of the list-style property should be inherited from the parent element. See:inheritPossible values in. |
Related Articles
CSS Tutorial:CSS Lists
other extensions