웹스터디

list-style-image

토픽 웹스터디 > CSS Dictionary

Summary

목록의 항목앞에 블릿대신 이미지를 사용할 수 있게 지정합니다.

<uri> | none | inherit   
기본값none
적용대상display값이 list-item인 요소 (li 요소)
상속상속됨
퍼센테이지지정불가
미디어Visual

Value

  • uri : 목록 항목 표시자로 사용될 이미지를 설정합니다.
  • none : 지정하지 않습니다.

Tip

  1. 다음과 같이 사용할 수 있습니다.
    ul {
        list-style-image: url("http://png.com/ellipse.png");
    }

댓글

댓글 본문
  1. 푸른하늘
    12일차 공부 감사합니다
  2. 김금란
    uri : 목록 항목 표시자로 사용될 이미지를 설정합니다.

    url 오타 났습니다.
  3. 이주형
    감사합니다~!^_^
  4. 안바꾸신듯
    summary의 값부분에 <uri>랑 value부분에 url인데,,,아직도 uri라고 되어있네요.
  5. 사랑해여
    온니
  6. 오타
    uri라고 오타났나요? url인거같아요...