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

HTML DOM 스타일 listStyleType 속성

<시간/>

HTML DOM 스타일 listStyletype 속성은 목록 항목 마커 유형을 설정하거나 반환하는 데 사용됩니다.

다음은 −

의 구문입니다.

listStyleType 속성 설정 -

object.style.listStyleType = value

일부 listStyleType 속성 값은 -


설명
아르메니아어
마커를 전통적인 아르메니아 숫자로 설정합니다.

서클 마커.
cjk-표의 문자
표의 문자를 마커로 설정합니다.
십진수
마커 번호를 설정하며 기본값입니다..
소수 선행 0
마커로 설정된 숫자 앞에 0을 추가합니다.
디스크
기본값은
    이고 마커는 채워진 원입니다.
히라가나
기존 히라가나 번호 매기기를 마커로 설정합니다.
가타카나
기존 가타카나 번호 매기기를 마커로 설정합니다.
하위 알파
마커를 낮은 알파벳으로 설정합니다.
그리스어 소문자
하위 그리스어 문자를 마커로 설정합니다.
없음
마커를 표시하지 않습니다.
정사각형
디스플레이 마커를 정사각형으로 표시합니다.
상단 알파
대문자를 마커로 설정합니다.
초기
이 속성을 초기 값으로 초기화합니다.
상속
상위 속성 값 상속

listStyleType 속성의 예를 살펴보겠습니다 -

예시

<!DOCTYPE html>
<html>
<head>
<script>
   function changeListType() {
      document.getElementById("LIST1").style.listStyleType = "upper-roman";
      document.getElementById("Sample").innerHTML=" The list style type is now set to uppercase roman       numeral";
   }
</script>
</head>
<body>
   <ul id="LIST1">
      <li>LIST ITEM1</li>
      <li>LIST ITEM2</li>
      <li>LIST ITEM3</li>
      <li>LIST ITEM4</li>
   </ul>
   <p>Change the above list style type by clicking the below button</p>
   <button type="button" onclick="changeListType()">Change List Type</button>
   <p id="Sample"></p>
</body>
</html>

출력

HTML DOM 스타일 listStyleType 속성

"목록 스타일 변경" 을 클릭하면 버튼 -

HTML DOM 스타일 listStyleType 속성