list-style-position 列表样式位置

设置列表样式的位置。

语法：

{ list-style-position : sListStylePosition }

默认值： outside
继承性： 否
DOM 语法： object.style.listStylePosition = sListStylePosition
适用于： 列表元素
浏览器支持： IE Firefox Chrome Safari Opera

可能的值：

inside | outside | inherit

值 描述
inside 列表符号在第一行的行内。
outside 列表符号在内容的外面。
inherit 继承父元素的属性值。

说明：

例子：

<div style="width:300px"> <ul style=" list-style-position: inside"> <li>例子列表</li> <li>本行的文字在换行后，列表符号会和内容混合在一起。</li> <li>孟子E章</li> </ul> <ul style=" list-style-position: outside"> <li>例子列表</li> <li>本行的文字在换行后，列表符号会显示在内容的外面。</li> <li>孟子E章</li> </ul> </div> 显示的效果如下：
  • 例子列表
  • 本行的文字在换行后，列表符号会和内容混合在一起。
  • 孟子E章
  • 例子列表
  • 本行的文字在换行后，列表符号会显示在内容的外面。
  • 孟子E章

本属性最后更新时间：2011-3-19 21:33:59