样式 listStyleType 属性
示例
将列表项标记类型更改为“upper-roman”
document.getElementById("myList").style.listStyleType = "upper-roman";自己动手试一试 »
描述
listStyleType 属性设置或返回列表项标记类型。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| listStyleType | 是 | 是 | 是 | 是 | 是 |
语法
返回 listStyleType 属性
object.style.listStyleType
设置 listStyleType 属性
object.style.listStyleType = 值
属性值
| 值 | 描述 |
|---|---|
| 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 属性
