list-style-position property is used for controlling the position of list items.
More specifically, the
list-style-position property allows you to control the position of the
::marker pseudo-element in the list item.
A list item is any element with its
display property set to
inline-list-item. List items are the only elements that generate
- Specifies that the
::markerpseudo-element is an inline element placed immediately before where the
::beforepseudo-element would be placed in the list item.
- Same as with
inside, plus the
positionproperty on the marker computes to
In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value:
- Represents the value specified as the property's initial value.
- Represents the computed value of the property on the element's parent.
- This value acts as either
initial, depending on whether the property is inherited or not. In other words, it sets all properties to their parent value if they are inheritable or to their initial value if not inheritable.
- Initial Value
- Applies To
- List items (any element with its
displayproperty set to