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>
출력
"목록 스타일 변경" 을 클릭하면 버튼 -