• HTML DOM Style listStyleType 属性


    [

    Style listStyleType 属性
    Style 对象

    定义和用法

    listStyleType 属性设置或返回列表项标记的类型。

    语法

    设置 listStyleType 属性:

    Object.style.listStyleType="value"

    返回 listStyleType 属性:

    Object.style.listStyleType

    描述
    armenian 该标记是传统的亚美尼亚编号。
    circle 该标记是空心圆。
    cjk-ideographic 该标记是简单的表意数字。
    decimal 该标记是数字。这是 <ol> 的默认值。
    decimal-leading-zero 该标记是一个带有前导零的数字(01、02、03 等)
    disc 该标记是实心圆。这是 <ul> 的默认值。
    georgian 该标记是传统的乔治亚编号。
    hebrew 该标记是传统的希伯来编号。
    hiragana 该标记是传统的平假名编号(a、i、u、e、o、ka、ki 等)。
    hiragana-iroha 该标记是传统的平假名 iroha 编号(i、ro、ha、ni、ho、he、to 等)。
    inherit listStyleType 属性的值从父元素继承。
    katakana 该标记是传统的片假名编号(A、I、U、E、O、KA、KI 等)。
    katakana-iroha 该标记是传统的片假名 iroha 编号(I、RO、HA、NI、HO、HE、TO 等)。
    lower-alpha 该标记是小写英文字母(a、b、c、d、e 等)。
    lower-greek 该标记是小写希腊字母(alpha、beta、gamma 等)。
    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 等)。

    浏览器支持

    所有主要浏览器都支持 listStyleType 属性。
    注意:IE9 和 Opera 11 不支持的属性值:cjk-ideographic、hebrew、hiragana、hiragana-iroha、katakana 和 katakana-iroha。
    注意:IE8 如果指定 !DOCTYPE,只支持属性值:decimal-leading-zero、lower-greek、lower-latin、upper-latin、armenian、georgian 和 inherit。

    实例

    实例

    更改列表项标记的类型:

    
    <!DOCTYPE html>
    
    <html>
    
    <head> 
    
    <meta charset="utf-8"> 
    
    <title>Break易站(runoob.com)</title> 
    
    <script>
    
    function displayResult(){
    
        document.getElementById("ul1").style.listStyleType="square";
    
    }
    
    </script>
    
    </head>
    
    <body>
    
    
    <ul id="ul1">
    
      <li>Coffee</li>
    
      <li>Tea</li>
    
      <li>Water</li>
    
      <li>Soda</li>
    
    </ul>
    
    <br>
    
    <button type="button" onclick="displayResult()">修改列表项的标记类型</button>
    
    
    </body>
    
    </html>
    
    

    更多实例

    所有不同的列表样式类型

    查看所有不同的列表样式类型。

    Style 对象

    ]
    转载请保留页面地址:https://www.breakyizhan.com/html/22352.html
  • 相关阅读:
    vim 插件之commentary
    vim-进入插入模式快捷键
    adb logcat 使用
    操作excel脚本练习
    python-openpyxl安装
    python-excel操作之xlrd
    adb-端口被占用解决办法(win)
    打不开微信分享的链接
    在BUG分支下创建分支,开发后合并到bus分支
    css缓存问题
  • 原文地址:https://www.cnblogs.com/breakyizhan/p/13281304.html
Copyright © 2020-2023  润新知