<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang=en> <head> <title>List Style Position</title> <link rev=Made href="mailto:liam@htmlhelp.com"> <link rel=Start href="../index.html"> <link rel=Prev href="list-style-image.html"> <link rel=Next href="list-style.html"> <link rel=Up href="../properties.html"> <link rel=Glossary href="http://www.htmlhelp.com/glossary/glossary.html"> <link rel=Copyright href="http://www.htmlhelp.com/copyright.html"> <link rel=StyleSheet href="../style.css" type="text/css"> <link rel=StyleSheet href="../aural.css" type="text/css" media=aural> <meta name="author" content="John Pozadzides/Liam Quinn"> <meta name="description" content="A description of the list-style-position property of Cascading Style Sheets, level 1."> <meta name="keywords" content="html authoring, newsgroup, web design group, web page design, help, frequently asked questions, internet help, site creation, page creation, site design, page design, site layout, page layout, html, hypertext markup language, hyper text markup language, questions, graphics, validation, validators, www pages, html 3.2, wilbur, help files, tutorials, articles, reference material, guide, wdg, style, stylesheet, style sheet, css, cascading style sheets, list-style-position property, list style position, inside, outside, answer"> </head> <body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#000080"> <h2><img src="../wdglogo1.gif" width=250 height=83 alt="The Web Design Group"></h2> <h1 align=center>List Style Position<img src="../css.gif" alt="" align=right width=99 height=73 hspace=5></h1> <hr> <table cellpadding=5> <tr> <th valign=top align=left><b>Syntax:</b> </th> <td valign=top>list-style-position: <value><br></td> </tr> <tr> <th valign=top align=left><b>Possible Values:</b> </th> <td valign=top>inside | outside<br></td> </tr> <tr> <th valign=top align=left><b>Initial Value:</b> </th> <td valign=top>outside<br></td> </tr> <tr> <th valign=top align=left><b>Applies to:</b> </th> <td valign=top>Elements with <strong class=css><a href="display.html">display</a></strong> value <strong class=css>list-item</strong><br></td> </tr> <tr> <th valign=top align=left><b>Inherited:</b> </th> <td valign=top>Yes<br></td> </tr> </table> <p>The <strong class=css>list-style-position</strong> property takes the value <strong class=css>inside</strong> or <strong class=css>outside</strong>, with <strong class=css>outside</strong> being the default. This property determines where the marker is placed in regard to the list item. If the value <strong class=css>inside</strong> is used, the lines will wrap under the marker instead of being indented. An example rendering is:</p> <pre><samp>Outside rendering: * List item 1 second line of list item Inside rendering: * List item 1 second line of list item</samp></pre> <hr width="60%" align=right> <p align=right>Maintained by <a href="mailto:john@htmlhelp.com">John Pozadzides</a> and <a href="mailto:liam@htmlhelp.com">Liam Quinn</a></p> <hr> <p class=toolbar align=center><a href="http://www.htmlhelp.com/"><img src="../wdglogo-small.gif" width=105 height=40 alt="Web Design Group ~ "></a><a href="../index.html">CSS Index</a> ~ <a href="../structure.html">CSS Structure</a> ~ <a href="../properties.html">CSS Properties</a></p> <p align=center><small><a href="http://www.htmlhelp.com/copyright.html">Copyright ©</a> 1997 John Pozadzides and Liam Quinn. All rights reserved.</small></p> </body> </html>
distrib
>
Mandriva
>
2008.1
>
x86_64
>
media
>
main-release
>
by-pkgid
>
ebb1914cf182a88528b4547490db1dd8
>
files
>
40
