list-style

背景・装飾

リストのマーカーや記号の種類・位置・画像を指定するプロパティです。

構文

Syntax
list-style: <list-style-type> <list-style-position> <list-style-image>

コード例

例 1

list-style: square inside;
実行結果
  • 四角いマーカー
  • 内側表示

四角いマーカーを内側に表示

例 2

list-style: none;
実行結果
  • マーカーなし
  • テキストのみ

マーカーを非表示

💡 TIPS

list-style-type, list-style-position, list-style-imageのショートハンド。

関連プロパティ

ブラウザサポート

全ブラウザ対応