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

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

<시간/>

글머리 기호가 포함된 상자 안에 마커를 설정하려면 list-style-position 을 사용하십시오. 내부 값이 있는 속성입니다.

내부 값은 텍스트가 두 번째 줄로 넘어가면 텍스트가 마커 아래에서 줄 바꿈됨을 의미합니다. 또한 목록에 외부 값이 있는 경우 텍스트가 시작된 위치로 들여쓰기되어 나타납니다.

예시

<html>
   <head>
   </head>
   <body>
      <ul style = "list-style-type:square;list-style-position:inside;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ul>
      <ol style = "list-style-type:lower-alpha;list-style-position:inside;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
   </body>
</html>