Easy Tutorial
❮ Sel Required Css3 Pr Column Gap ❯

CSS list-style Property

Example

Specify all list properties in a single declaration:

ul {
    list-style: square url("sqpurple.gif");
}

Property Definition and Usage

The list-style shorthand property sets all list properties in one declaration.

The properties that can be set, in order, are: list-style-type, list-style-position, list-style-image.

It is allowed to omit some values, such as list-style: circle inside;. 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 specify the first browser version that fully supports the property.

Property
list-style 1.0 4.0 1.0 1.0 7.0

Property Values

Value Description
list-style-type Sets the type of list-item marker. See: list-style-type
list-style-position Sets where the list-item markers are placed. See: list-style-position
list-style-image Replaces the list-item marker with an image. See: list-style-image
initial Sets this property to its default value. See: initial
inherit Inherits this property from its parent element. See: inherit

Related Articles

CSS Tutorial: CSS Lists

❮ Sel Required Css3 Pr Column Gap ❯