WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > list-style-image
list-style-image  リスト 

リストのマーカーを画像で表示する。

このエントリーをはてなブックマークに追加
list-style-typeと同時に指定した場合には、 list-style-imageが優先。
URI（URL）で画像ファイルを指定
URI（URL）で画像ファイルを指定します。
none
リストの先頭に表示するマーカーに画像ファイルを使用しないことを明示します。これが初期値です。

サンプルコード


●list-style-imageの例
<ul style="list-style-image:url('/img/arrow_circle.gif');list-style-position:inside;">
<li>あいうえお</li>
<li>かきくけこ</li>
</ul>
  • あいうえお
  • かきくけこ

●list-style-typeの例
<ul style="list-style-type:square;list-style-position:inside;">
<li>あいうえお</li>
<li>かきくけこ</li>
</ul>
  • あいうえお
  • かきくけこ