CSS-목록 스타일 이미지

기술

목록 스타일의 이미지 속성은 목록 항목에 대한 마커로서 사용되는 이미지 리소스에 대한 포인터를 정의합니다.

가능한 값

  • uri− 이미지 리소스에 대한 포인터. URL을 확인할 수없는 경우 속성은 값이없는 것처럼 처리됩니다.

  • none − 요소의 마커로 이미지를 사용해서는 안됩니다.

적용

목록 항목이 표시되는 모든 요소.

DOM 구문

object.style.listStyleImage = "/images/bullet.gif"

다음은 예입니다.

<html>
   <head>
   </head>
   
   <body>
      <ul>
         <li style = "list-style-image: url(/https/isolution.pro/images/bullet.gif);">Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ul>
      
      <ol>
         <li style = "list-style-image: url(/https/isolution.pro/images/bullet.gif);">Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
   </body>
</html>

이것은 다음 결과를 생성합니다-


Language