English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
list-style-image CSS 속성은 목록 항목 표시 기호로 사용되는 이미지를 지정합니다.
아래 표는 이 속성의 사용 설명과 버전 기록, 이 속성이 JavaScript 스크립트에서 사용하는 문법을 설명합니다.
| 기본 값: | normal |
|---|---|
| 적용: | 목록 항목 |
| 상속: | 네 |
| 애니메이션 가능: | 아니요.参照: 애니메이션 속성。 |
| 버전: | CSS 1，2，3 |
| JavaScript 문법: | object.style.listStyleImage="url('images/arrow.png'" |
힌트:이list-style속기 CSS 속성은 더 편리하며, 목록 스타일 속성을 설정하는 우선 방법입니다.
이 속성의 문법은 다음과 같습니다:
list-style-image: url | none | initial | inherit
아래 예제는 list를 사용하는 방법을 보여줍니다.-style-이미지 속성.
ul {
list-style-image: url("images/arrow.png");
}시험해보세요‹/›아래 표는 이 속성의 값을 설명합니다.
| 값 | 설명 |
|---|---|
| url | 목록 항목 표시를 위한 이미지 위치. |
| none | 표시되지 않을 것입니다. 대신, 이list-style-type속성은 (있는 경우) 어떤 유형의 목록 표시를 표시할지 지정합니다. 이는 기본 값입니다. |
| oblique | 능선으로 표시된 글꼴. |
| initial | 이 속성을 기본 값으로 설정합니다. |
| inherit | 지정된 경우, 부모 요소의 list를 사용하는 관련 요소가 됩니다.-style-이미지 속성 값. |
list-style-이미지 속성의 브라우저 호환성을 확인하십시오. 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다. 모든 주요 브라우저는 이 속성을 지원합니다.
|