list-style

list-style-type -- 定义列表样式

• 取值:disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit
  • disc: 点
  • circle: 圆圈
  • square: 正方形
  • decimal: 数字
  • decimal-leading-zero: 十进制数，不足两位的补齐前导0，例如: 01, 02, 03, ..., 98, 99
  • lower-roman: 小写罗马文字，例如: i, ii, iii, iv, v, ...
  • upper-roman: 大写罗马文字，例如: I, II, III, IV, V, ...
  • lower-greek: 小写希腊字母，例如: α(alpha), β(beta), γ(gamma), ...
  • lower-latin: 小写拉丁文，例如: a, b, c, ... z
  • upper-latin: 大写拉丁文，例如: A, B, C, ... Z
  • armenian: 亚美尼亚数字
  • georgian: 乔治亚数字，例如: an, ban, gan, ..., he, tan, in, in-an, ...
  • lower-alpha: 小写拉丁文，例如: a, b, c, ... z
  • upper-alpha: 大写拉丁文，例如: A, B, C, ... Z
  • none: 无(取消所有的list样式)
  • inherit:继承
• 引用网址:http://www.dreamdu.com/css/property_list-style-type/
• 初始值: disc
• 继承性: 是
• 适用于: 所有属于list的元素
• list，中文"列表"的意思.style，中文"样式"的意思.type，中文"类型"的意思.

示例

ul 
{ 
	list-style-type:disc;
}

ul#circle
{ 
	list-style-type:circle;
}

ul#square
{ 
	list-style-type:square;
}

ul#decimal
{ 
	list-style-type:decimal;
}

ul#decimal-leading-zero
{ 
	list-style-type:decimal-leading-zero;
}

ul#lower-roman
{ 
	list-style-type:lower-roman;
}

ul#upper-roman
{ 
	list-style-type:upper-roman;
}

ul#lower-greek
{ 
	list-style-type:lower-greek;
}

ul#lower-latin
{ 
	list-style-type:lower-latin;
}

ul#upper-latin
{ 
	list-style-type:upper-latin;
}

ul#armenian
{ 
	list-style-type:armenian;
}

ul#georgian
{ 
	list-style-type:georgian;
}

ul#lower-alpha
{ 
	list-style-type:lower-alpha;
}

ul#upper-alpha
{ 
	list-style-type:upper-alpha;
}

ul#none
{ 
	list-style-type:none;
}

ol 
{ 
	list-style-type:lower-roman;
}

list-style-image -- 定义列表样式图片

• 取值:<uri> | none | inherit
  • <uri>:URI(一般是一个图片的网址)
  • none:无
  • inherit:继承
• 初始值: none
• 继承性: 是
• 适用于: 所有属于list的元素
• list:列表,style:样式,image:图片.
• 引用网址:http://www.dreamdu.com/css/property_list-style-image/

示例

ul 
{ 
	list-style-image:url("/images/list-orange.png");
}

list-style-position -- 定义列表样式的位置

• 取值: inside | outside | inherit
  • inside: 内部
  • outside: 外部
  • inherit: 继承
• 初始值: outside
• 继承性: 是
• 适用于: 所有属于list的元素
• list: 列表,style: 样式,position: 位置.
• 引用网址:http://www.dreamdu.com/css/property_list-style-position/

示例

ul#inside
{ 
	list-style-position:inside;
	list-style-image:url("/images/list-orange.png");
}

ul#outside
{ 
	list-style-position:outside;
	list-style-image:url("/images/list-green.png");
}