CSS2 » Properties » list-style-position

Version: Level 1

Compability: IE4+  N6

Syntax:
list-style-position : inside | outside
outside
The default outside value keeps the list-item marker extended to the left out of the list.
inside
The inside value indents the list-item marker to the right into the list.

The list-style-position property determines where the list-item marker appears in a list with respect to each item in the list. This property only applies to elements with display values of list-item. This property is inherited.

Examples

Code:
ul.in { display: list-item; list-style-position: inside; }
Output:
  • The effects of declaring several style properties can cascade together into creating the final appearance of the page.
  • Neither Internet Explorer nor Netscape recognize all of the W3C standards for Level 1 or Level 2.
Language(s): CSS2
Code:
ul.out { display: list-item; list-style-position: outside; }
Output:
  • The effects of declaring several style properties can cascade together into creating the final appearance of the page.
  • Neither Internet Explorer nor Netscape recognize all of the W3C standards for Level 1 or Level 2.
Language(s): CSS2

See Also: