📜  CSS |列表样式属性

📅  最后修改于: 2021-08-29 13:20:04             🧑  作者: Mango

CSS 中的list-style属性用于设置列表样式。此属性是其他三个属性 list-style-type、list-style-position 和 list-style-image 的组合,可用作这三个属性的速记符号。

句法:

list-style: list-style-type list-style-position list-style-image|
initial|inherit;

属性值:

  • list-style-type:此值设置列表项元素的标记(例如圆盘、字符或自定义计数器样式)。默认值为圆盘。
  • list-style-position:该值设置标记相对于列表项的位置。默认值为“outside”。
  • list-style-image:此值设置用作列表项标记的图像。它的默认值是“无”。

示例 1:



    
    
        CSS list-style Property
    
    
    
    
        

            GeeksforGeeks         

                   

            CSS list-style Property         

                   

Sorting Algorithms

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

输出:
列表样式

示例 2:



    
    
        CSS list-style Property
    
    
    
    
        

            GeeksforGeeks         

                   

            CSS list-style Property         

                   

Sorting Algorithms

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

输出:
列表样式
注意:如果没有指定 list-style-image 则不取。

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

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