Easy Tutorial
❮ Dom Obj Li Event Onshow ❯

listStylePosition Property


Definition and Usage

The listStylePosition property sets or returns the position of the list-item marker.

Syntax

Set the listStylePosition property:

Return the listStylePosition property:

Value Description
outside Default. The list-item marker will be rendered before any text content. The marker is placed outside the text, and the surrounding text does not align with the marker.
inside Indents the list-item marker. The marker is placed inside the text, and the surrounding text aligns with the marker.
inherit The value of the listStylePosition property is inherited from the parent element.

Browser Support

All major browsers support the listStylePosition property.

Note: IE7 and earlier versions do not support the "inherit" value. IE8 only supports "inherit" if the !DOCTYPE is specified. IE9 supports "inherit".


Example

Example

Indent the list-item marker by clicking the button:


❮ Dom Obj Li Event Onshow ❯