Tagbangers Blog

list-style 関連プロパティ

リスト関連のプロパティは以下に示す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