PROPERTY: list-style-position
list-style-position : inside | outside
 
Compatibility:  IE4+  N6
Version: Level 1
Inherited: Yes
 
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.
 
inside
 
The inside value indents the list-item marker to the right into the list.
 
outside
 
The default outside value keeps the list-item marker extended to the left out of the list.
 
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.
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.


Copyright 1999-2001 by Infinite Software Solutions, Inc. All rights reserved.
Trademark Information