list-style

优质

小牛编辑

128浏览

2023-12-01

描述 (Description)

list-style属性是一个简写属性，用于设置列表中标记的位置和类型; 它也可以用于指定图像作为标记。

可能的值 (Possible Values)

《list-style-type》 - 属性list-style-type的任何允许值。
《list-style-position》 - 属性list-style-position的任何允许值。
《list-style-image》 - 属性list-style-image的任何允许值。

适用于 (Applies to)

所有元素都显示列表项。

DOM语法 (DOM Syntax)

object.style.listStyle = "decimal;"

例子 (Example)

这是一个例子 -

<html>
   <head>
   </head>
   <body>
      <ul style = "list-style-type:circle;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ul>
      <ul style = "list-style-type:square;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ul>
      <ol style = "list-style-type:decimal;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
      <ol style = "list-style-type:lower-alpha;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
      <ol style = "list-style-type:lower-roman;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
   </body>
</html>

这将产生以下结果 -