CSS 목록 스타일 이미지 속성
예시
목록의 목록 항목 마커로 이미지를 지정합니다.
ul
{
list-style-image: url('sqpurple.gif');
}
정의 및 사용
속성 은 list-style-image
목록 항목 마커를 이미지로 바꿉니다.
참고: 항상 list-style-type 속성을 추가로 지정하십시오. 이 속성은 어떤 이유로 이미지를 사용할 수 없는 경우에 사용됩니다.
기본값: | 없음 |
---|---|
상속: | 네 |
애니메이션 가능: | 아니요. 애니메이션 가능 에 대해 읽기 |
버전: | CSS1 |
자바스크립트 구문: | 개체 .style.listStyleImage="url('smiley.gif')" |
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS 구문
list-style-image: none|url|initial|inherit;
속성 값
Value | Description | Play it |
---|---|---|
none | No image will be displayed. Instead, the list-style-type property will define what type of list marker will be rendered. This is default | |
url | The path to the image to be used as a list-item marker | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
관련 페이지
CSS 튜토리얼: CSS 목록
CSS 참조: 목록 스타일 속성
HTML DOM 참조: listStyleImage 속성