サイト内検索
...スタイルシート(css)...
スタイルシート・リスト
マークの位置
- マークの位置は、list-style-positionプロパティを指定します。
- ul 要素・ol 要素・li 要素・display(list-item を指定)要素で適用されます。
- [使い方]
- .sample{
list-style-position: inside;
}
プロパティ名 | 値 | 説明 |
---|---|---|
list-style-position | outside; | リスト領域の外側に表示されます。
標準値 |
inside; | リスト領域の内側に表示されます。 |
サンプル
[headの中]
<style type="text/css"><!--
.sample1{
list-style-position: outside;
}
.sample2{
list-style-position: inside;
}
-->
</style>
[bodyの中]
<ul class="sample1"><li>カサブランカ<br>ユリ科</li>
<li>モダンローズ<br>バラ科</li>
<li>胡蝶蘭<br>ラン科</li>
</ul>
<ul class="sample2">
<li>カサブランカ<br>ユリ科</li>
<li>モダンローズ<br>バラ科</li>
<li>胡蝶蘭<br>ラン科</li>
</ul>
[ブラウザ上]
- カサブランカ
ユリ科 - モダンローズ
バラ科 - 胡蝶蘭
ラン科
- カサブランカ
ユリ科 - モダンローズ
バラ科 - 胡蝶蘭
ラン科