CSS参考手册
»
属性列表
»
列表属性
»
相关内容:
其它列表属性参考
选择其它项
list-style
list-style-image
list-style-position
list-style-type
list-style-position
版本:CSS1
继承性:有
语法:
list-style-position
:outside | inside
默认值
:
outside
取值:
outside:
列表项目标记放置在文本以外,且环绕文本不根据标记对齐
inside:
列表项目标记放置在文本以内,且环绕文本根据标记对齐
说明:
设置或检索作为对象的列表项标记如何根据文本排列。
仅作用于具有
display
值等于list-item的对象(如li对象)。
注意:ol对象和ul对象的type特性为其后的所有列表项目(如li对象)指明列表属性。
对应的脚本特性为
listStylePosition
。
兼容性:
浅绿
= 支持
红色
= 不支持
墨绿
= 部分支持
橙色
= 实验性质
支持版本
\类型
IE
Firefox
Safari
Chrome
Opera
版本
6.0
4.0
5.1
13.0
11.50
示例:
<!DOCTYPE html> <html lang="zh-cn"> <head><meta charset="utf-8" /> <title>list-style-position_CSS参考手册_web前端开发参考手册系列</title> <meta name="copyright" content="www.doyoe.com" /> <style> .outside{width:120px;list-style-position:outside;} .inside{width:120px;list-style-position:inside;} </style> </head> <body> <h1>outside的项目符号:</h1> <ul class="outside"> <li>项目符号的位置是outside</li> <li>项目符号的位置是outside</li> <li>项目符号的位置是outside</li> </ul> <h1>inside的项目符号:</h1> <ul class="inside"> <li>项目符号的位置是inside</li> <li>项目符号的位置是inside</li> <li>项目符号的位置是inside</li> </ul> </body> </html>