Scholar Repository
Home>Manual>CSS List-style-position Property

CSS List-style-position Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS list-style-position Property


CSS Reference Complete CSS Reference


Definition

The list-style-position property places the list-item marker in the list.

Inherited: Yes


JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.listStylePosition="inside"

In our HTML DOM tutorial you can find more details about the listStylePosition property.

In our HTML DOM tutorial you can also find a full Style Object Reference.


Example

ol
{
list-style-position: inside
}

Possible Values

Value Description
inside Indents the marker and the text.
outside Default. Keeps the marker to the left of the text



Try-It-Yourself Demos

Place the list-item marker
This example demonstrates where to place the list-item marker.


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS List-style-position Property