サイト内検索

...スタイルシート(css)...

スタイルシート・リスト

マークの位置

マークの位置は、list-style-positionプロパティを指定します。
ul 要素・ol 要素・li 要素・display(list-item を指定)要素で適用されます。
[使い方]
.sample{
list-style-position: inside;
}
プロパティ名 説明
list-style-positionoutside;リスト領域の外側に表示されます。
標準値
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>

[ブラウザ上]

  • カサブランカ
    ユリ科
  • モダンローズ
    バラ科
  • 胡蝶蘭
    ラン科
  • カサブランカ
    ユリ科
  • モダンローズ
    バラ科
  • 胡蝶蘭
    ラン科

Copyright c 2007.10.01 luc All rights reserved.