📜  CSS | list-style-image 属性

📅  最后修改于: 2021-08-31 07:08:45             🧑  作者: Mango

CSS 中的 list-style-image 属性用于设置将用作列表项标记的图像。

句法:

list-style-image: none|url|initial|inherit;

属性值

  • none:此值指定不使用任何图像作为标记。如果设置了此值,则使用在 list-style-type 中定义的标记。这是默认值。
    句法:
    list-style-image: none;

    例子:

    
    
        
        
            CSS list-style-image Property
        
        
        
        
            

                GeeksforGeeks         

                       

                CSS list-style-image Property         

                       

    Sorting Algorithms

                       
                
    • Bubble Sort
    •           
    • Selection Sort
    •           
    • Merge Sort
    •         
        

    输出:
    列表样式图片

  • url:在此值中,图像的路径用作列表项标记。
    句法:
    list-style-image: url;

    例子:

    
    
        
        
            CSS list-style-image Property
        
        
        
        
            

                GeeksforGeeks         

                       

                CSS list-style-image Property         

                       

    Sorting Algorithms

                       
                
    • Bubble Sort
    •           
    • Selection Sort
    •           
    • Merge Sort
    •         
        

    输出:
    列表样式图片

  • 初始:此模式将此属性设置为其默认值。
    句法:
    list-style-image: initial;

支持的浏览器: list-style-image 属性支持的浏览器如下:

  • 谷歌浏览器 1.0
  • 浏览器 4.0
  • 火狐 1.0
  • 歌剧7.0
  • 苹果 Safari 1.0