Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

CSS를 사용하여 글머리 기호가 포함된 상자 외부에 마커 설정

<시간/>

글머리 기호가 포함된 상자 외부에 마커를 설정하려면 값이 외부인 list-style-position 속성 .

예시

외부 값은 텍스트가 두 번째 줄로 넘어가면 텍스트가 첫 번째 줄의 시작 부분에 맞춰 정렬됨을 의미합니다.

<html>
   <head>
   </head>
   <body>
      <ul style = "list-style-type:circle; list-style-position:outside;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ul>
      <ol style = "list-style-type:decimal;list-style-position:outside;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
   </body>
</html>