如何设置列表项标记出现在 CSS 中的内容流中？

任务是将列表项标记设置为出现在 CSS 的内容流中。要指定列表项标记的类型，您可以使用 list-style-type 和 list-style-position 属性。内容流是一组规则，用于定义哪个元素在另一个元素之前，哪个元素位于另一个元素之上等等。

• list-style-type：用于指定列表中列表项标记的类型。
• list-style-position：用于指定列表项标记的位置。

句法 –

list-style-position: value;

价值在哪里——

• inside – 项目符号将位于列表项内。
• 外面(默认) – 项目符号将在列表项之外。
• 初始 – 将此属性设置为其默认值。
• 继承 – 从其父元素继承此属性。

方法 –

• 使用列表元素创建 HTML 文件。
• 使用 list-style-position 属性将列表项标记设置为出现在内容流中。

例子 –

HTML

  

    

  

    
GeeksForGeeks
  
    
List-style-position: inside
  
    

        
Database
        
Computer Network
        
Operating System
    
  
    
List-style-position: outside
  
    

        
Database
        
Computer Network
        
Operating System
    

  

输出 –