最終更新日 2021年6月6日

list-style-imageプロパティ

list-style-imageは、リストの先頭に表示するマーカーに、画像を使用するプロパティです。

値には、画像ファイルのURLを指定します。list-style-imageの値は、list-style-typeの値より優先されます。

リスト関連のプロパティをまとめて指定する場合は、list-styleを使用します。

CSS3での変更点

特にありません

初期値	適用先	継承
none	「display: list-item;」を指定された要素	あり

値	説明
none	マーカーに画像を使用しません。（初期値）
URL	「url()」のカッコ内に、画像ファイルのURLを、絶対パスまたは相対パスで記述します。URLは、引用符で囲んでも囲まなくてもどちらでも有効です。

サンプルコード

list-style-image: none;
list-style-image: url("images/mark.png");

当サイトの活動をサポートしてみませんか？気軽にクリエイターの支援ができます。