Easy Tutorial
❮ Css3 Pr Opacity Pr Grid Column Gap ❯

CSS list-style-position Property

Example

Specifies the position of the list-item markers in the list:

ul {
    list-style-position: inside;
}

Property Definition and Usage

The list-style-position property indicates how the list-item markers are drawn relative to the content of the object.

Online Example »

Default value: outside
Inherited: yes
--- ---
Version: CSS1
--- ---
JavaScript syntax: object.style.listStylePosition="inside"
--- ---

Browser Support

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

Property
list-style-position 1.0 4.0 1.0 1.0 3.5

Property Values

Value Description
inside The list-item markers are placed inside the text, and the text wraps around the markers.
outside Default value. The list-item markers are kept to the left of the text. The list-item markers are placed outside the text, and the text does not wrap around the markers.
inherit Specifies that the value of the list-style-position property should be inherited from the parent element.

Related Articles

CSS Tutorial: CSS Lists

CSS Reference Manual: list-style Property

❮ Css3 Pr Opacity Pr Grid Column Gap ❯