Search within TutorialsPark

CSS list-style-position Property


Specifies the position of the marker in relation to the list item box


Definition and Notes.

1. The CSS list-style-position property is used to control whether the symbol or number is displayed as hanging indent(default) or nested inside the list item.

2. It sets the position of list's marker relative to the box containing the list. It can assume three values inside, outside, inherit.


Syntax:

CSS list-style-position property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note- In practical usage the hanging indent(outside) is prefered over non-hanging indent(inside).

Property Values

Value Description
inside The list marker is inside the content box
outside The list marker is outside the content box .
inherit The list marker inherits property from the parent element.

Specifications

Specs Value
Name list-style-position
Value inside | outside | inherit
Initial Value outside
Applies to list items
Javascript syntax object.style.listStylePosition="outside"
Inherited Yes
Computed Value Same as declared value
Browser Support internetexplorer safari firefox opera chrome

Related Examples.