リスト

list-style

list-styleでは、以下の属性を一括して指定できます。

  • list-style-type
  • list-style-image
  • list-style-position

list-style-type

項目マーカーの外観を指定できます。

<ol style="list-style-type: disc">
none
  1. SAMPLE
  2. SAMPLE
  3. SAMPLE
disc
  1. SAMPLE
  2. SAMPLE
  3. SAMPLE
circle
  1. SAMPLE
  2. SAMPLE
  3. SAMPLE
square
  1. SAMPLE
  2. SAMPLE
  3. SAMPLE
decimal
  1. SAMPLE
  2. SAMPLE
  3. SAMPLE
georgian
  1. SAMPLE
  2. SAMPLE
  3. SAMPLE
cjk-ideographic (IE非対応)
  1. SAMPLE
  2. SAMPLE
  3. SAMPLE
kannada (Firefox独自)
  1. SAMPLE
  2. SAMPLE
  3. SAMPLE
decimal-leading-zero
  1. SAMPLE
  2. SAMPLE
  3. SAMPLE
lower-roman
  1. SAMPLE
  2. SAMPLE
  3. SAMPLE
upper-roman
  1. SAMPLE
  2. SAMPLE
  3. SAMPLE

list-style-image

項目マーカーに、独自の画像を指定できます。

list-style-image: url("sample.png")
  • 指定なし
  • url("sample1.png")
  • url("sample2.png")

list-style-position

マーカーボックスの位置を指定できます。

HTMLの情報サイトから、まとめて検索