• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • list-style-image

    list-style-image 属性用来指定一个能用来作为列表元素标记的图片。

    示例

    /* Keyword values */
    list-style-image: none;
    
    /*  values */
    list-style-image: url('starsolid.gif');
    
    /* Global values */
    list-style-image: inherit;
    list-style-image: initial;
    list-style-image: unset;
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    浏览器都支持list-style-image

    语法:

    list-style-imagenone| <url>

    设置或检索作为对象的列表项标记的图像。

    取值:

    • none:说明没有图片被用作标记。如果这个值被设定,那么list-style-type中定义的值会被取代。
    • <url>:使用绝对或相对地址指定列表项标记图像。如果图像地址无效,默认内容标记将被list-style-type代替。
    默认值none
    适用于所有display>:list-item的元素
    继承性
    动画性
    计算值指定值

    实例

    //HTML
    <ul>
        <li>item 1</li>
        <li>item 2</li>
    </ul>
    
    //CSS
    ul {
      list-style-image: url("list-style.png")
    }
    

    上篇:list-style

    下篇:list-style-position