CSS属性之列表
本电子书由站长百科(www.zzbaike.com)教程组制作CSS 属性之CSS 列表✓ 出处：站长百科 ✓ 原文地址： ✓ 本电子书整理自站长百科词条，查看内容请访问网站。 目录CSS 属性之C
本电子书由站长百科
(www.zzbaike.com)教程组制作
CSS 属性之CSS 列表
✓ 出处：站长百科 ✓ 原文地址： ✓ 本电子书整理自站长百科词条，查看内容请访问网站。
目录
CSS 属性之CSS 列表..................................................................................1
list-style.................................................................................................2
list-style-image......................................................................................2
list-style-position..................................................................................3
list-style-type ........................................................................................3
marker-offset.........................................................................................5
更多电子书.................................................................................................6
首家推出中文网站() 的美国主机商 无限空间 无限流量 赠送15个独立IP 及 3个免费域名 免备案 支付宝付款方便快捷 中文客服全程服务 省钱大攻略：http://www.ixwebhosting.bz/ixwebhosting-discount/ 为您省多多
✓
✓
✓
出处：站长百科 原文地址： 本电子书整理自站长百科CSS 列表词条，查看内容请访问网站。
,本电子书由站长百科(www.zzbaike.com)教程组制作
推荐内容： 2G美国免费空间 | 1美元银币竞拍
list-style
语法：list-style : list-style-image || list-style-position ||
list-style-type
取值：
该属性是复合属性。请参阅各参数对应的属性。
默认值为：disc outside none。
说明：
设置列表项目相关样式。
当 list-style-image 和 list-style-type 都被指定了时， list-style-image 将获得优先权。除非 list-style-image 设置为 none 或指定 url 地址的图片不能被显示。
对应的脚本特性为 listStyle 。
示例：
li { list-style: url("http://www.dhtmlet.com/devgurupix.gif") inside circle; }
ul { list-style: outside upper-roman; }
ol { list-style: square; }
list-style-image
语法：list-style-image : none | url ( url )
取值：
none : 默认值。不指定图像
url ( url ) : 使用绝对或相对 url 地址指定图像
✓
✓
✓
出处：站长百科 原文地址： 本电子书整理自站长百科CSS
列表词条，查看内容请访问网站。
,本电子书由站长百科(www.zzbaike.com)教程组制作
说明：
设置或检索作为对象的列表项标记的图像。
若此属性值为 none 或指定 url 地址的图片不能被显示时， list-style-type 属性将发生作用。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 listStyleImage 。
示例：
ul.out { list-style-position: outside; list-style-image:
url("images/ie.gif"); }
list-style-position
语法：list-style-position : outside | inside
取值：
outside : 默认值。列表项目标记放置在文本以外，且环绕文本不根据标记对齐
inside : 列表项目标记放置在文本以内，且环绕文本根据标记对齐 说明：
设置或检索作为对象的列表项标记如何根据文本排列。
假如一个列表项目的左外补丁( margin-left )被设置为 0 ，则列表项目标记不会被显示。左外补丁( margin-left )最小可以被设置为 30 。
仅作用于具有 display 属性值等于 list-item 的对象。如 li 对象。
注意： ol 对象和 ul 对象的 type 属性为其后的所有列表项目(如 li 对象)指明列表属性。
list-style-type
语法：
list-style-type : disc | circle | square | decimal | lower-roman | ✓
✓
✓
出处：站长百科 原文地址： 本电子书整理自站长百科CSS
列表词条，查看内容请访问网站。
,本电子书由站长百科(www.zzbaike.com)教程组制作
upper-roman | lower-alpha | upper-alpha | none | armenian |
cjk-ideographic | georgian | lower-greek | hebrew | hiragana |
hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin 取值：
disc : CSS1 默认值。实心圆
circle : CSS1 空心圆
square : CSS1 实心方块
decimal : CSS1 阿拉伯数字
lower-roman : CSS1 小写罗马数字
upper-roman : CSS1 大写罗马数字
lower-alpha : CSS1 小写英文字母
upper-alpha : CSS1 大写英文字母
none : CSS1 不使用项目符号
armenianl : CSS2 未支持。传统的亚美尼亚数字
cjk-ideographic : CSS2 未支持。浅白的表意数字
georgian : CSS2 未支持。传统的乔治数字 lower-greek : CSS2 未支持。基本的希腊小写字母
hebrew : CSS2 未支持。传统的希伯莱数字
hiragana : CSS2 未支持。日文平假名字符
hiragana-iroha : CSS2 未支持。日文平假名序号
katakana : CSS2 未支持。日文片假名字符
katakana-iroha : CSS2 未支持。日文片假名序号
lower-latin : CSS2 未支持。小写拉丁字母
upper-latin : CSS2 未支持。大写拉丁字母
说明：
设置或检索对象的列表项所使用的预设标记。
若 list-style-image 属性值为 none 或指定 url 地址的图片不能被显示时，此属性将发生作用。
✓
✓
✓
出处：站长百科 原文地址： 本电子书整理自站长百科CSS
列表词条，查看内容请访问网站。
,本电子书由站长百科(www.zzbaike.com)教程组制作
假如一个列表项目的左外补丁( margin-left )被设置为 0 ，则列表项目标记不会被显示。左外补丁( margin-left )最小可以被设置为 30 。
仅作用于具有 display 属性值等于 list-item 的对象。如 li 对象。
注意： ol 对象和 ul 对象的 type 属性为其后的所有列表项目(如 li 对象)指明列表属性。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 listStyleType 。
示例：
ul.in { display: list-item; list-style-position: inside; }
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 listStylePosition 。
示例：
ul.in { display: list-item; list-style-position: inside; }
marker-offset
语法： marker-offset : auto | length
取值：
auto : 默认值。浏览器自动设置间距
length : 由浮点数字和单位标识符组成的长度值。可为负值。
说明：
设置或检索标记容器和主容器之间水平补白。即两个容器靠近的一边的间距。 作用于 display 属性值为 marker 的元素。
对应的脚本特性为 markerOffset 。
示例：
li:before { display: marker; marker-offset: 5px; }
✓
✓
✓
出处：站长百科 原文地址： 本电子书整理自站长百科CSS
列表词条，查看内容请访问网站。
,本电子书由站长百科(www.zzbaike.com)教程组制作
更多电子书
SEO 搜索引擎优化基础教程：
SEO 搜索引擎优化高级教程：
wordpress的中文翻译文档：http://www.wordpress.la/codex.html，wordpress 开发的相关知识都有，对WordPress开发感兴趣的博主会有一定的用处。
WordPress免费主题：http://www.wordpress.la/theme.html
WordPress免费插件：http://www.wordpress.la/plugin.html
WordPress 主题制作电子书：
Apache2.2中文文档电子书： IXWeHosting 控制面板使用手册(在线版 PDF电子书) ：
更多电子书下载：http://down.zzbaike.com/ebook/
视频教程：
1. 美国主机IXWebHosting 使用视频教程（在线观看及下载）
2. Godaddy 主机及域名使用视频教程（在线观看及下载）
如果您有站长类电子书，请到这里与我们分享：
详情见： http://bbs.zzbaike.com/thread-23156-1-1.html
站长百科感谢您下载阅读，多谢支持！ ✓
✓
✓
出处：站长百科 原文地址： 本电子书整理自站长百科CSS
列表词条，查看内容请访问网站。