list-style

list-style版本:CSS1  兼容性:IE4+ NS4+ 继承性:有

语法:

list-style : list-style-image || list-style-position || list-style-type

参数:

该属性是复合属性。请参阅各参数对应的属性。

说明:

设置列表项目相关内容。
对应的脚本特性为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版本:CSS1  兼容性:IE4+ NS6+ 继承性:有

语法:

list-style-image : none | url (url)

参数:

none :  不指定图像
url :  使用绝对或相对地址指定背景图像

说明:

设置或检索作为对象的列表项标记的图像。
若list-style-image属性为none或指定图像不可用时,list-style-type属性将发生作用。
对应的脚本特性为listStyleImage。请参阅我编写的其他书目。

示例:

ul.out { list-style-position: outside; list-style-image: url("images/ie.gif"); }

list-style-position版本:CSS1  兼容性:IE4+ NS6+ 继承性:有

语法:

list-style-position : outside | inside

参数:

outside :  列表项目标记放置在文本以外,且环绕文本不根据标记对齐
inside :  列表项目标记放置在文本以内,且环绕文本根据标记对齐

说明:

设置或检索作为对象的列表项标记如何根据文本排列。
仅作用于具有display值等于list-item的对象(如li对象)。
注意:ol对象和ul对象的type特性为其后的所有列表项目(如li对象)指明列表属性。请参阅我的其他著作。
对应的脚本特性为listStylePosition。请参阅我编写的其他书目。

list-style-type版本:CSS1/CSS2  兼容性:IE4+ NS4+ 继承性:有

语法:

list-style-type : disc | circle | square | decimal | lower-roman | 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 不使用项目符号
armenian :  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或指定图像不可用时,list-style-type属性将发生作用。
仅作用于具有display值等于list-item的对象(如li对象)。
注意:ol对象和ul对象的type特性为其后的所有列表项目(如li对象)指明列表属性。请参阅我的其他著作。
IE5.5尚不支持所有CSS2的值。
对应的脚本特性为listStyleType。请参阅我编写的其他书目。

marker-offset版本:CSS2  兼容性:NONE 继承性:无

语法:

marker-offset : auto | length

参数:

auto :  浏览器自动设置间距
length :  由浮点数字和单位标识符组成的长度值。可为负值。请参阅长度单位

说明:

设置或检索标记容器和主容器之间水平补白。即两个容器靠近的一边的间距。
目前IE5.5尚不支持此属性。
对应的脚本特性为markerOffset。

list-style属性影响代码高亮插件显示

在改变模版后发现原来的高亮插件显示的代码在IE下有些不正常,行号总个代码挤在一起,不肯跑到前面留着的空地去

后来检查了好久才发现是list-style属性的问题

ol { list-style: decimal inside ; margin-bottom: 10px;}

改为

ol { list-style: decimal outside ; margin-bottom: 10px;}

显示就正常了