16
Jul 2015
by
松井 宏気
リスト関連のプロパティは以下に示す4パターンがあるよう。
list-style 関連プロパティ
リスト記号
list-style-type
リスト記号の画像 URL
list-style-image
リスト記号の位置
list-style-position
まとめて指定
list-style
list-style-typeでのリスト記号の種類
html例
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>
css例
li {
list-style-type: none;
}
リストタイプ
none
- 項目1
- 項目2
- 項目3
disc
- 項目1
- 項目2
- 項目3
circle
- 項目1
- 項目2
- 項目3
square
- 項目1
- 項目2
- 項目3
decimal
- 項目1
- 項目2
- 項目3
decimal-leading-zero
- 項目1
- 項目2
- 項目3
lower-roman
- 項目1
- 項目2
- 項目3
upper-roman
- 項目1
- 項目2
- 項目3
lower-alpha
- 項目1
- 項目2
- 項目3
upper-alpha
- 項目1
- 項目2
- 項目3
hiragana
- 項目1
- 項目2
- 項目3
katakana
- 項目1
- 項目2
- 項目3