Css-list-style-image
提供:Dev Guides
CSS-リストスタイル画像
説明
_list-style-image_プロパティは、リストアイテムのマーカーとして使用される画像リソースへのポインターを定義します。
可能な値
- uri -画像リソースへのポインタ。 URLを解決できない場合、プロパティは値が存在しないものとして扱われます。
- none -要素のマーカーとして画像を使用しないでください。
に適用されます
list-itemが表示されているすべての要素。
DOM構文
object.style.listStyleImage = "/images/bullet.gif"
例
ここに例があります-
<html>
<head>
</head>
<body>
<ul>
<li style = "list-style-image: url(/images/bullet.gif);">Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ul>
<ol>
<li style = "list-style-image: url(/images/bullet.gif);">Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ol>
</body>
</html>
これにより、次の結果が生成されます–