⌘K

list-style-image 속성

list-style-image 속성은 목록 마커의 이미지를 설정합니다.

구문

css선택자 {
  list-style-image: url("이미지 파일 경로") | none;
}

값

값 설명
url 이미지 파일에 대한 경로입니다. 이미지 이름은 쌍따옴표, 홑따옴표로 묶거나 아예 따옴표 없이 사용할 수 있습니다.
none 목록의 이미지를 취소합니다.

기본값: none.

예시

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>
cssul {
  list-style-image: url("li.gif");
}

Результат:

참고 항목

Back속성 list-style-positionNextlist-style 속성