リスト
数字・記号のリスト
{ list-style-type : スタイル }
<CSS>→→{ list-style-type : スタイル }
<HTML>→<ol class="指定したクラス">
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
<li>項目4</li>
</ol>
{ list-style-type : disc }
- 項目1
- 項目2
- 項目3
- 項目4
{ list-style-type : circle }
- 項目1
- 項目2
- 項目3
- 項目4
{ list-style-type : square }
- 項目1
- 項目2
- 項目3
- 項目4
{ list-style-type : decimal }
- 項目1
- 項目2
- 項目3
- 項目4
{ list-style-type : upper-roman }
- 項目1
- 項目2
- 項目3
- 項目4
{ list-style-type : lower-roman }
- 項目1
- 項目2
- 項目3
- 項目4
{ list-style-type : upper-alpha }
- 項目1
- 項目2
- 項目3
- 項目4
{ list-style-type : lower-alpha }
- 項目1
- 項目2
- 項目3
- 項目4
画像のリスト
{ list-style-image : url(画像ファイル名.拡張子) }
- 項目1
- 項目2
- 項目3
- 項目4
先頭文字の位置
{ list-style-position : 位置 }
{ list-style-position : outside }
文頭が揃う
- 項目1項目1項目1項目1項目1
項目1項目1項目1項目1項目1
- 項目2
- 項目3
- 項目4
{ list-style-position : inside }
文頭が揃わない
- 項目1項目1項目1項目1項目1
項目1項目1項目1項目1項目1
- 項目2
- 項目3
- 項目4
Copyright © 2009 NNHF All Rights Reserved.
