Specify all the list properties in one declaration:
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 property is supported in all major browsers.
Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "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
Your message has been sent to W3Schools.