サイト内検索
...スタイルシート(css)...
スタイルシート・リスト
リストの種類
- リストの種類は、list-style-typeプロパティを指定します。
- [使い方]
- ul{
list-style-type: square;
} - ol{
list-style-type: upper-alpha;
}
プロパティ名 | 値 | 説明 | 表示 |
---|---|---|---|
list-style-type: | none; | マークなし |
|
disc; | 黒丸 |
|
|
circle; | 白丸 |
|
|
square; | 四角 |
|
|
decimal; | 数字 |
|
|
upper-alpha; | 大文字アルファベット |
|
|
lower-alpha; | 小文字アルファベット |
|
|
upper-roman; | 大文字ローマ数字 |
|
|
lower-roman; | 小文字ローマ数字 |
|
サンプル
[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>
[ブラウザ上]
- カサブランカ
- モダンローズ
- 胡蝶蘭
- カサブランカ
- モダンローズ
- 胡蝶蘭