HTML | DOM 样式 listStylePosition 属性

DOM 样式 listStylePosition属性设置或返回列表项标记的位置。

句法 ：

• 设置 listStylePosition 属性：

  object.style.listStylePosition = value
  

• 返回 listStylePosition 属性：

  object.style.listStylePosition
  

返回值：这将返回一个表示列表项标记位置的字符串。

价值观：

Value	Description
outside	This is default and specifies that list-item marker will be rendered before any text content.
inside	This indents the list-item marker.
initial	This sets this property to its default value.
inherit	This inherits this property from its parent element.

示例 1：使用“内部”值。

    
        HTML | DOM Style listStylePosition Property
    
    
        li {
            background-color: lightgreen;
        }
          
        div {
            padding: 20px;
            width: 70%;
            heinght: 40%;
            border: 2px solid green;
        }
    

  

    
        Welcome to GeekforGeeks.!
  
        
            item_1
            item_2
            item_3
        
    
    
    
    
  
    
        function mainFunction() {
            
            //  set position 'inside'
            document.getElementById(
              "mainUL").style.listStylePosition = "inside";
        }
    
  

  

输出 ：

• 点击前：
  
• 点击后：
  

示例 2：使用“外部”值。由于这是默认值，因此我们可以通过简单地返回 list-style-position 属性来检查。

    
        HTML | DOM Style listStylePosition Property
    
    
        div {
            padding: 20px;
            width: 70%;
            height: 40%;
            border: 2px solid green;
        }
    

  

    
        Welcome to GeekforGeeks.!
  
        
        
        
            item_1
            item_2
            item_3
        
  
        
        
    
    
    
        function mainFunction() {
            
            //  Return position using alert.
            alert(document.getElementById(
              "mainList").style.listStylePosition);
        }
    
  

  

输出 ：

点击前：

点击后：

支持的浏览器： HTML支持的浏览器 | DOM Style listStylePosition 属性列举如下：

• 谷歌浏览器
• 边缘
• 火狐浏览器
• 歌剧
• 苹果浏览器