CSS-リストスタイル

説明

_list-style_プロパティは、リスト内のマーカーの位置とタイプを設定するために使用される略記プロパティです。画像をマーカーとして割り当てるためにも使用できます。

可能な値

<list-style-type> -プロパティlist-style-typeに許可されている値。
<list-style-position> -プロパティlist-style-positionに許可されている値。
<list-style-image> -プロパティlist-style-imageに許可されている値。

に適用されます

list-itemが表示されているすべての要素。

DOM構文

object.style.listStyle = "decimal;"

例

ここに例があります-

<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>

これにより、次の結果が生成されます–

Css-list-style

CSS-リストスタイル

説明

可能な値

に適用されます

DOM構文

例

目次