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>

あいうえお
かきくけこ