list-style-image

書式

list-style-image:url(画像のURI)

対象

list-item要素

継承

する

初期値

none

バージョン

CSS Level 2

対応ブラウザ

Win/Mac IE5.0以降, NN7.1以降, Firefox, Opera 8, Safari

解説

リスト項目のマーク画像を指定します。noneを指定するとlist-style-typeで指定した形状になります。url(〜)でマーク画像のURIを指定すると画像が表示されます。
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
ul { position:absolute; left:10px; top:10px;
list-style-image:url(mark.gif);
}
--></style>
</head>
<body>
<ul>
<li>Sample
<li>list
<li>text
</ul>
</body>
</html>
実際のサンプルを実行する