IMCreator - Free Website Builder

CSS list-style-position

Also see the full, alphabetical list of CSS properties

The CSS list-style-position property is used for specifying the position of list items.

Also see the list-style, list-style-type and list-style-image properties.

Syntax:	list-style-position: <value>;
Possible Values:	If the browser/user agent doesn't recognise the type it should use decimal. inside - the bullets appear inside the principle block box of the list outside - the bullets appear outside the principle block box of the list inherit
Initial Value:	outside
Applies to:	List item elements
Inherited:	Yes
Media:	Visual
Example:	`ul { list-style-position: inside }`
Try it yourself!	<style type="text/css"> ul.outside { border:1px solid #000000; list-style-position: outside } ul.inside { border:1px solid #000000; list-style-position: inside } </style> <h4>Can you tell the difference?</h4> <ul class="outside"> <li>list-style-type</li> <li>list-style-position</li> <li>list-style-image</li> </ul> <ul class="inside"> <li>list-style-type</li> <li>list-style-position</li> <li>list-style-image</li> </ul>

Also see all CSS properties listed alphabetically

Enjoy this page?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/properties/css_list-style-position.cfm">CSS list-style-position</a> from Quackit.com
Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!