CSS list-style Property

❮ Previous Reference Next ❯

Example

ul {
  list-style: circle inside url("list.gif");
}






Meaning

The list-style shorthand property sets list-style-type, list-style-position, and list-style-image.

Default value:disc outside none
Inherited:Yes
Animatable:No
Version:CSS1
JavaScript syntax:
object.style.listStyle="list-style-type list-style-position list-style-image|initial|inherit|revert|revert-layer|unset";



Standard Syntax

list-style: list-style-type list-style-position list-style-image|initial|inherit|revert|revert-layer|unset;



Browser Support

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




Status







Property Values

The following table describes the values of this property.

Value Description
list-style-type Specifies the type of list-item marker. Default value is "disc".
list-style-position Specifies where to place the list-item marker. Default value is "outside".
list-style-image Specifies the type of list-item marker. Default value is "none".
initial Sets this property to its default value.
inherit If specified, the associated element takes the computed value of its parent element animation-delay property.
revert Reverts the cascaded value of the property from its current value to the value the property
revert-layer Rollback styles to the ones specified in previous cascade layers.
unset Resets a property to its inherited value if the property naturally inherits from its parent, and to its initial value if not.



Default CSS Property Values

selectors {
  list-style: disc outside none;
}
❮ Previous Reference Next ❯