HTML & CSS - 箇条書きのマークを画像にする

箇条書きのマークを画像にする

箇条書きのマークを画像にするには、CSS の list-style-image プロパティで定義します。list-style-image プロパティの値は箇条書きのマークを指定された画像に変更します。ただし、list-style-type と list-style-image を同時に指定した場合は list-style-image の値が優先されます。

<!DOCTYPE html>
<html lang="ja">
  ...
  <ul class="liststyleimage_star">
    <li>マークを画像に変更したリスト</li>
  </ul>
  ...
</html>
箇条書きのマークを画像にする - HTML
.liststyleimage_star {
    list-style-image: url("../img/star.png");
}
箇条書きのマークを画像にする - CSS

関連記事