当前位置: 首页 > 网络学院 > 网页制作基础教程 > CSS > CSS 列表

CSS
CSS 介绍
CSS 语法
使用 CSS
CSS 背景
CSS 文字
CSS 字体
CSS 边框
CSS 边距
CSS 填充
CSS 列表
CSS 尺寸
CSS 类别
CSS 定位
CSS 伪类
CSS 伪元素
CSS2 Media类型
CSS 摘要
CSS 实例
CSS2 参考资料
CSS2 打印

CSS 列表


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 933 ::
收藏到网摘: n/a

The CSS list properties allow you to place the list-item marker, change between different list-item markers, or set an image as the list-item marker.
CSS列表属性允许你来安置列表项标记,改变标记的样子或者将图片变为列表项的标记


Examples

The different list-item markers in unordered lists
This example demonstrates the different list-item markers in CSS.
无序列表不同样子的列表标记

The different list-item markers in ordered lists
This example demonstrates the different list-item markers in CSS.
有序列表不同样子的列表标记

Set an image as the list-item marker
This example demonstrates how to set an image as the list-item marker.
设置图片做为标记

Place the list-item marker
This example demonstrates where to place the list-item marker.
安置列表标记

All list properties in one declaration
This example demonstrates a shorthand property for setting all of the properties for a list in one declaration.
快速声明所有列表属性


CSS List Properties
CSS列表属性

The CSS list properties allow you to place the list-item marker, change between different list-item markers, or set an image as the list-item marker.
CSS列表属性允许你安置列表标记,改变列表标记的样子或设置一图片做列表的标记

Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
浏览器支持:IE: Internet Explorer, F: Firefox, N: Netscape

W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).
W3C:里面的数字代表CSS版本号

Property Description Values IE F N W3C
list-style A shorthand property for setting all of the properties for a list in one declaration
一种可以用一句声明设置所有列表属性的快速属性
list-style-type
list-style-position
list-style-image
4 1 6 1
list-style-image Sets an image as the list-item marker
设置列表项目标记用图标表示
none
url
4 1 6 1
list-style-position Sets where the list-item marker is placed in the list
设置列表项目标志的位置
inside
outside
4 1 6 1
list-style-type Sets the type of the list-item marker
设置列表项目标志的类型
none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha 
4 1 4 1
marker-offset   auto
length
  1 7 2

评论 (0) All

登陆 | 还没注册?