Style listStylePosition Property

Definition and Usage

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

See Also:

CSS Tutorial:CSS 列表

CSS Reference Manual:list-style-position Property

HTML DOM Reference Manual:listStyle Property

Example

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 the listStylePosition property:

object.style.listStylePosition

Set the 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 that indicates the position of the list item marker.
CSS Version: CSS1

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持