スタイルシートリファレンス > list-style-image

スタイルシートリファレンス list-style-image


list-style-image マーカーに画像を指定する (IE4/N6)

<ul><ol><li>タグで表示される、マーカーに画像を指定します。

none
無し
URL
画像ファイルを指定

▲ページ先頭へ

使用例 list-style-image

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
.smp1 {
list-style-image: url(sample.gif);
}
-->
</style>
</head>
<body>
<ul class="smp1">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>
<br>
<ul>
<li class="smp1">リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示






▲ページ先頭へ

関連項目【リスト】

list-style
マーカーの指定をまとめて行う
list-style-type
マーカーの形を指定する
list-style-position
マーカーの位置を指定する
list-style-image
マーカーに画像を指定する
marker-offset ※
マーカとリストアイテムとの距離を指定する

▲ページ先頭へ

スタイルシートリファレンス > list-style-image