CSS2学习笔记(四) 2006-05-01
来源:本站原创 作者:开拓者
摘要:13、list-style 版本:CSS1 兼容性:IE4+ NS4+继承性:有语法:list-style : list-style-image || list-style-position || list-style-type 参数:该属……
13、list-style 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
- 语法:list-style : list-style-image || list-style-position || list-style-type
参数:该属性是复合属性。请参阅参数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; }
14、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"); }
15、list-style-position 版本:CSS1 兼容性:IE4+ NS6+ 继承性:有
- 语法:list-style-position : outside | inside
参数:
outside : 列表项目标记放置在文本以外,且环绕文本不根据标记对齐
inside : 列表项目标记放置在文本以内,且环绕文本根据标记对齐
说明:
设置或检索作为对象的列表项标记如何根据文本排列。
仅作用于具有display值等于list-item的对象(如li对象)。
注意:ol对象和ul对象的type特性为其后的所有列表项目(如li对象)指明列表属性。请参阅我的其他著作。对应的脚本特性为listStylePosition。
示例:
ul.in { display: list-item; list-style-position: inside; }
16、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。
示例:
li { list-style-type: square }