JavaScript HTML DOM Style listStyleType 属性

  • listStyleType 属性

    listStyleType属性设置或返回列表项标记类型。
    将列表项标记类型更改为“upper-roman”:
    document.getElementById("myList").style.listStyleType = "upper-roman";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    listStyleType
    支持
    支持
    支持
    支持
    支持
  • 语法

    返回listStyleType属性:
    object.style.listStyleType
    设置listStyleType属性:
    object.style.listStyleType = value
  • 属性值

    描述
    armenian 标记是传统的亚美尼亚编号标记是传统的亚美尼亚编号
    circle 标记是一个圆圈标记是一个圆圈
    cjk-ideographic 标记是普通的表意数字标记是普通的表意数字
    decimal 标记是一个数字。 这是<ol>的默认值标记是一个数字。 这是<ol>的默认值
    decimal-leading-zero 标记是带前导零的数字(01,02,03等)标记是带前导零的数字(01,02,03等)
    disc 标记是一个实心圆圈。 这是<ul>的默认值标记是一个实心圆圈。 这是<ul>的默认值
    georgian 标记是传统的格鲁吉亚编号标记是传统的格鲁吉亚编号
    hebrew 标记是传统的希伯来语编号标记是传统的希伯来语编号
    hiragana 标记是传统的平假名编号标记是传统的平假名编号
    hiragana-iroha 标记是传统的平假名iroha编号标记是传统的平假名iroha编号
    katakana 标记是传统的片假名编号标记是传统的片假名编号
    katakana-iroha 标记是传统的片假名iroha编号标记是传统的片假名iroha编号
    lower-alpha 标记是低-α(a,b,c,d,e等)标记是低-α(a,b,c,d,e等)
    lower-greek 标记是低希腊标记是低希腊
    lower-latin 标记是低拉丁(a,b,c,d,e等)标记是低拉丁(a,b,c,d,e等)
    lower-roman 标记是低级罗马(i,ii,iii,iv,v等)标记是低级罗马(i,ii,iii,iv,v等)
    none 没有显示标记没有显示标记
    square 标记是正方形标记是正方形
    upper-alpha 标记是上-α(A,B,C,D,E等)标记是上-α(A,B,C,D,E等)
    upper-latin 标记是上拉丁(A,B,C,D,E等)标记是上拉丁(A,B,C,D,E等)
    upper-roman 标记是上罗马(I,II,III,IV,V等)标记是上罗马(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;
    
    尝试一下
    返回列表项标记类型:
    alert(document.getElementById("myList").style.listStyleType);
    
    尝试一下
  • 相关页面

    CSS教程:CSS 列表