ulリストの印(マーカー)を指定する方法

最終更新日:

ulタグでリストを表示する際に、リストのマーカー(印)を変更したい場合があります。 list-style-typeプロパティで変更できます。

CSSサンプル

ul {
list-style-type: square; /* 四角 */
}

マーカー4種類

list-style-type: square; /* マーカーなし */
list-style-type: square; /* 黒丸 */
list-style-type: square; /* 白丸 */
list-style-type: square; /* 四角 */

表示例

  • マーカーなし
  • マーカーなし
  • 黒丸
  • 黒丸
  • 白丸
  • 白丸
  • 四角
  • 四角