サイト内検索

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

スタイルシート・リスト

リストの種類

リストの種類は、list-style-typeプロパティを指定します。
[使い方]
ul{
list-style-type: square;
}
ol{
list-style-type: upper-alpha;
}
[マークの種類]
プロパティ名 説明 表示
list-style-type:none;マークなし
  • マーク
  • マーク
  • マーク
disc;黒丸
  • マーク
  • マーク
  • マーク
circle;白丸
  • マーク
  • マーク
  • マーク
square;四角
  • マーク
  • マーク
  • マーク
decimal;数字
  1. マーク
  2. マーク
  3. マーク
upper-alpha;大文字アルファベット
  1. マーク
  2. マーク
  3. マーク
lower-alpha;小文字アルファベット
  1. マーク
  2. マーク
  3. マーク
upper-roman;大文字ローマ数字
  1. マーク
  2. マーク
  3. マーク
lower-roman;小文字ローマ数字
  1. マーク
  2. マーク
  3. マーク

サンプル

[headの中]

<style type="text/css">
<!--
ul{
list-style-type: circle;
}
ol{
list-style-type: upper-roman;
}
-->
</style>

[bodyの中]

<ul>
<li>カサブランカ</li>
<li>モダンローズ</li>
<li>胡蝶蘭</li>
</ul>
<ol>
<li>カサブランカ</li>
<li>モダンローズ</li>
<li>胡蝶蘭</li>
</ol>

[ブラウザ上]

  • カサブランカ
  • モダンローズ
  • 胡蝶蘭
  1. カサブランカ
  2. モダンローズ
  3. 胡蝶蘭

Copyright c 2007.10.01 luc All rights reserved.