CSS3

プロパティ

list-style-image

→●、mdn

リスト用、画像マーカー。

マーカー画像 を指定する。それは、リスト･アイテム のマーカー を埋めるときに ― リスト･アイテムの content プロパティの値が normal のときに限り ― 利用される。

<image> ○

<image> が妥当な画像 を表現する場合、それが要素のマーカー画像を指定する。他の場合、要素にはマーカー画像は無い。

<UL style="border:1px solid black;">
 <LI style="list-style-image:url(Com/Touka.gif);
  border:1px solid red;
">LI要素<BR>あああ
 <LI>LI要素
</UL>

none

要素にはマーカー画像は無い。

<UL style="border:1px solid black;">
 <LI style="list-style-image:none;
  border:1px solid red;
">LI要素<BR>あああ
 <LI>LI要素
</UL>

マーカー画像は、既定のサイズ法アルゴリズム [css-images-3] を利用してサイズされる ― 指定サイズは無し【拘束されない】、既定のオブジェクト･サイズ には 1em 平方を与える下で。

li { list-style-image: url("http://www.example.com/ellipse.png") }

テスト