サイト内検索
...スタイルシート(css)...
スタイルシート・リスト
マークの指定をまとめて
- マークの指定をまとめてするには、list-styleプロパティを指定します。
- リストのマークの種類・位置・画像を一度に指定します。
- ul 要素・ol 要素・li 要素・display(list-item を指定)要素で適用されます。
- [使い方]
- ul{
list-style: circle inside: url(img/sample.jpg);
}
プロパティ名 | 値(サンプル) | 説明 |
---|---|---|
list-style: | circle inside: url(img/sample.jpg); | 種類・位置・画像 |
サンプル
[headの中]
<style type="text/css"><!--
ul{
list-style: circle inside:url(img/sample.jpg);
}
-->
</style>
[bodyの中]
<ul><li>カサブランカ<br>ユリ科</li>
<li>モダンローズ<br>バラ科</li>
<li>胡蝶蘭<br>ラン科</li>
</ul>
[ブラウザ上]
- カサブランカ
ユリ科 - モダンローズ
バラ科 - 胡蝶蘭
ラン科