Style listStylePosition Property

Definition and Usage

listStylePosition Sets or returns the position of the list item marker.

See Also:

CSS Tutorial:CSS List

CSS Reference Manual:list-style-position Property

HTML DOM Reference Manual:listStyle Property

Instance

Example 1

Indent the list item marker:

document.getElementById("myUL").style.listStylePosition = "inside";

Try It Yourself

Example 2

Return the position of the list item marker:

alert(document.getElementById("myList").style.listStylePosition);

Try It Yourself

Syntax

Return listStylePosition property:

object.style.listStylePosition

Set listStylePosition property:

object.style.listStylePosition = "outside|inside|initial|inherit"

Property Value

Value Description
outside The list item marker will be presented before any text content. Default.
inside Indent the list item marker.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Technical Details

Default Value: outside
Return Value: A string representing the position of the list item marker.
CSS Version: CSS1

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support