Css-list-style
提供:Dev Guides
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>
これにより、次の結果が生成されます–