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>

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