Style listStyleType 属性
示例
将列表项标记类型更改为 "upper-roman"
document.getElementById("myList").style.listStyleType = "upper-roman";自己试试 »
描述
listStyleType 属性设置或返回列表项标记类型。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| listStyleType | 是 | 是 | 是 | 是 | 是 |
语法
返回 listStyleType 属性
object.style.listStyleType
设置 listStyleType 属性
object.style.listStyleType = value
属性值
| 值 | 描述 |
|---|---|
| armenian | 标记为传统亚美尼亚编号 |
| circle | 标记为圆圈 |
| cjk-ideographic | 标记为纯汉字数字 |
| decimal | 标记为数字。这是 <ol> 的默认值 |
| decimal-leading-zero | 标记为带前导零的数字 (01, 02, 03, 等) |
| disc | 标记为实心圆圈。这是 <ul> 的默认值 |
| georgian | 标记为传统格鲁吉亚编号 |
| hebrew | 标记为传统希伯来语编号 |
| hiragana | 标记为传统平假名编号 |
| hiragana-iroha | 标记为传统平假名いろは编号 |
| katakana | 标记为传统片假名编号 |
| katakana-iroha | 标记为传统片假名いろは编号 |
| lower-alpha | 标记为小写字母 (a, b, c, d, e, 等) |
| lower-greek | 标记为小写希腊字母 |
| lower-latin | 标记为小写拉丁字母 (a, b, c, d, e, 等) |
| lower-roman | 标记为小写罗马数字 (i, ii, iii, iv, v, 等) |
| none | 不显示任何标记 |
| square | 标记为正方形 |
| upper-alpha | 标记为大写字母 (A, B, C, D, E, 等) |
| upper-latin | 标记为大写拉丁字母 (A, B, C, D, E, 等) |
| upper-roman | 标记为大写罗马数字 (I, II, III, IV, V, 等) |
| initial | 将此属性设置为其默认值。 了解 initial |
| inherit | 从其父元素继承此属性。 了解 inherit |
技术细节
| 默认值 | 对于 <ul> 为 "disc"，对于 <ol> 为 "decimal" |
|---|---|
| 返回值 | 一个字符串，表示列表类型 |
| CSS 版本 | CSS1 |
更多示例
示例
所有不同的列表样式类型
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myList").style.listStyleType = listValue;
自己试试 »
相关页面
CSS 教程: CSS 列表
CSS 参考: list-style-type 属性
HTML DOM 参考: listStyle 属性
