CSS列表

来自站长百科
跳转至: 导航、​ 搜索

导航: 上一页 | ASP | PHP | JSP | HTML | CSS | XHTML | aJAX | Ruby | JAVA | XML | Python | ColdFusion

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 地址指定图像

说明:
设置或检索作为对象的列表项标记的图像。
若此属性值为 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 | 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 地址的图片不能被显示时,此属性将发生作用。
假如一个列表项目的左外补丁( 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; }