|
{list-style:マークの種類 マークの位置 url(画像);}でリストマーク
の種類、位置、画像を一括に指定することができます。
下の例ではリストマークを消していますがlist-style-type:square;や
list-style-type:circle;を指定した場合は画像のマークが優先して表示されます。
【ブラウザ表示】
ソース
<ul class="all1">
<li>HTML<br>CSS</li>
<li>HTML<br>CSS</li>
</ul>
外部ファイル
ul.all1{list-style:none inside url(../image/ball3.gif);}
<body>～</body>に直接記入する場合
<ul style="list-style:none inside url(../image/ball3.gif);">
<li>HTML<br>CSS</li>
<li>HTML<br>CSS</li>
</ul>
■ その他の項目
・
リストマークの種類を変える
・
リストマークの位置を指定する
・
リストマークを画像にする
・
リストマークを背景画像にする
・
余白、間隔を調整する
・
リストを並べる
スタイルシート一覧のページに戻る
|
