css list-style-position属性
翻译结果：
list
英 [lɪst] 美 [lɪst]
n.清单，目录;倾斜;布边，布头;狭条
vt.列出，列入;把…编列成表;记入名单内
vi.列于表上
第三人称单数： lists 复数： lists 现在分词： listing 过去式： listed 过去分词： listed
style
英 [staɪl] 美 [staɪl]
n.方式;样式;时髦;仪表，品位
vt.设计;称呼;为…造型
vi.使符合流行式样;用刻刀作装饰画
第三人称单数： styles 复数： styles 现在分词： styling 过去式： styled 过去分词： styled
position
英 [pəˈzɪʃn] 美 [pəˈzɪʃən]
n.位置，方位;地位，职位;态度;状态
vt.安置;把…放在适当位置;给…定位;驻扎军队
第三人称单数： positions 复数： positions 现在分词： positioning 过去式： positioned 过去分词： positioned
css list-style-position属性语法
作用：设置在何处放置列表项标记。
说明：该属性用于声明列表标志相对于列表项内容的位置。外部 (outside) 标志会放在离列表项边框边界一定距离处，不过这距离在 CSS 中未定义。内部 (inside) 标志处理为好像它们是插入在列表项内容最前面的行内元素一样。
注释：所有浏览器都支持 list-style-position 属性。
css list-style-position属性示例
<html>
<head>
<style type="text/css">
ul.inside
{
list-style-position: inside
}
ul.outside
{
list-style-position: outside
}
</style>
</head>
<body>
<p>该列表的 list-style-position 的值是 "inside"：</p>
<ul class="inside">
<li>Earl Grey Tea - 一种黑颜色的茶</li>
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
</ul>
<p>该列表的 list-style-position 的值是 "outside"：</p>
<ul class="outside">
<li>Earl Grey Tea - 一种黑颜色的茶</li>
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
</ul>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例