シャフト株式会社

マーカーの種類を指定する

マーカーの種類を指定する

ul{
 list-style-type: ●●;
}

サンプル

説明 表示例
none マーカー非表示
  • リスト項目
  • リスト項目
  • リスト項目
disc 黒丸
  • リスト項目
  • リスト項目
  • リスト項目
circle 白丸
  • リスト項目
  • リスト項目
  • リスト項目
square 四角
  • リスト項目
  • リスト項目
  • リスト項目
decimal 数字
  1. リスト項目
  2. リスト項目
  3. リスト項目
upper-alpha 大文字アルファベット
  1. リスト項目
  2. リスト項目
  3. リスト項目
lower-alpha 小文字アルファベット
  1. リスト項目
  2. リスト項目
  3. リスト項目
upper-roman 大文字ローマ数字
  1. リスト項目
  2. リスト項目
  3. リスト項目
lower-roman 小文字ローマ数字
  1. リスト項目
  2. リスト項目
  3. リスト項目
decimal-leading-zero 2桁数字
  1. リスト項目
  2. リスト項目
  3. リスト項目
lower-greek 小文字ギリシャ文字
  1. リスト項目
  2. リスト項目
  3. リスト項目
upper-latin 大文字ラテン文字
  1. リスト項目
  2. リスト項目
  3. リスト項目
lower-latin 小文字ラテン文字
  1. リスト項目
  2. リスト項目
  3. リスト項目
hebrew ヘブライ数字
  1. リスト項目
  2. リスト項目
  3. リスト項目
armenian アルメニア数字
  1. リスト項目
  2. リスト項目
  3. リスト項目
georgian グルジア数字
  1. リスト項目
  2. リスト項目
  3. リスト項目
cjk-ideographic 漢字
  1. リスト項目
  2. リスト項目
  3. リスト項目
hiragana ひらがな
  1. リスト項目
  2. リスト項目
  3. リスト項目
katakana カタカナ
  1. リスト項目
  2. リスト項目
  3. リスト項目
hiragana-iroha いろは
  1. リスト項目
  2. リスト項目
  3. リスト項目
katakana-iroha イロハ
  1. リスト項目
  2. リスト項目
  3. リスト項目

css解説

list-style-typeは、各リストの先頭に表示するマーカー種類を指定できます。

Copyright © SCHAFT Inc. All Rights Reserved.