[新着] Webテンプレートを仮オープンしました
list-style は、リストマーク（マーカー）の種類、位置、画像を一度に指定するプロパティです。
ul 要素、ol 要素、li 要素の他、displayプロパティで list-item を指定した要素に適用できます。
※リストについての詳細は、リストタグのカテゴリーをご覧ください。
ul {
list-style: square inside url(image/mark.gif);
}
| list-style | 種類、位置、画像を指定します |
|---|
【指定内容】
| list-style: | square | inside | url(image/mark.gif) | ; |
|---|---|---|---|---|
| 種類 | 位置 | 画像 |
それぞれの値は、半角スペースで区切って記述します。
記述する順番は自由で、必要のない指定は省くこともできます。
※種類と画像を同時に指定した場合は、画像の表示が優先されます。
※Netscapeの場合、位置と画像の指定はNetscape6以上で対応しています。
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
ul { list-style: square inside url(image/mark.gif); }
-->
</style>
</head>
<body>
<ul>
<li>ひとまとめに<br>指定しました</li>
<li>ひとまとめに<br>指定しました</li>
<li>ひとまとめに<br>指定しました</li>
</ul>
</body>
</html>
▼これをブラウザで見ると次のように表示されます
