list-style-type 定义列表的小图标,拥有很多值,而且浏览器对其支持程度不一,好多效果ie下是看不到的。我没事想看看他们都有什么效果,一个一个来太多了,借借用了小雨的JS,修改之后可以工作在FF,IE,Opera。大家先去
下面是摘录自:list-style-type href="http://developer.mozilla.org/en/docs/:list-style-type" target=_blank>Mozilla Developer Center的list-style-type介绍。
概况:
- 默认值: disc
- 应用于: elements with 'display: list-item'
- 继承性: yes
- 媒体: 视觉类
list-style-type: box | check | circle | diamond | disc | hyphen | square | decimal | decimal-leading-zero |lower-roman | upper-roman
| lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit
用途:
disc
A filled circle.
circle
A hollow circle.
square
A filled square.
decimal
Decimal numbers, beginning with 1.
decimal-leading-zero
Decimal numbers padded by initial zeros (e.g., 01, 02, 03, ..., 98, 99).
lower-roman
Lowercase roman numerals (i, ii, iii, iv, v, etc.).
upper-roman
Uppercase roman numerals (I, II, III, IV, V, etc.).
lower-greek
Lowercase classical Greek alpha, beta, gamma, ... (α, β, γ, ...).
lower-latin
Lowercase ascii letters (a, b, c, ... z).
upper-latin
Uppercase ascii letters (A, B, C, ... Z).
armenian
Traditional Armenian numbering (ayb/ayp, ben/pen, gim/keem, ...).
georgian
Traditional Georgian numbering (an, ban, gan, ..., he, tan, in, in-an, ...).
lower-alpha
Same as lower-latin.
upper-alpha
Same as upper-latin.
none
No bullet type.