Style listStyleType 속성

정의와 사용법

listStyleType 목록 항목 표시 유형을 설정하거나 반환합니다.

추가로 참조:

CSS 강의:CSS 목록

CSS 참조 설명서:list-style-type 속성

HTML DOM 참조 설명서:listStyle 속성

예제

예제 1

목록 항목 표시 유형을 "upper-roman"으로 변경합니다:

document.getElementById("myList").style.listStyleType = "upper-roman";

직접 시도해 보세요

예제 2

모든 다른 목록 스타일 유형:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myList").style.listStyleType = listValue;

직접 시도해 보세요

예제 3

목록 항목 표시 타입 반환:

alert(document.getElementById("myList").style.listStyleType);

직접 시도해 보세요

문법

listStyleType 속성 반환:

object.style.listStyleType

listStyleType 속성 설정:

object.style.listStyleType = value

속성 값

값 설명
armenian 표시는 전통적인 아르메니아 번호입니다.
circle 표시는 원형입니다.
cjk-ideographic 표시는 간단한 의미数字입니다.
decimal 표시는 숫자입니다. 이는 <ol>의 기본 값입니다.
decimal-leading-zero 표시는 앞에 0이 있는 숫자(01, 02, 03 등)입니다.
disc 표시는 실체 원형입니다. 이는 <ul>의 기본 값입니다.
georgian 표시는 전통적인 지오르지아 번호입니다.
hebrew 표시는 전통적인 히브루 번호입니다.
hiragana 표시는 전통적인 하이라가나 번호입니다.
hiragana-iroha 표시는 전통적인 하이라가나 이로하 번호입니다.
katakana 표시는 전통적인 카타카나 번호입니다.
katakana-iroha 표시는 전통적인 카타카나 이로하 번호입니다.
lower-alpha 표시는 소문자 영어 알파벳입니다(a, b, c, d, e 등).
lower-greek 표시는 소문자 그리스 알파벳입니다.
lower-latin 표시는 소문자 라틴 알파벳입니다(a, b, c, d, e 등).
lower-roman 표시는 소문자 로마 숫자입니다(i, ii, iii, iv, v 등).
none 표시를 표시하지 않습니다.
square 표시는 사각형입니다.
upper-alpha 표시는 대문자 영어 알파벳입니다(A, B, C, D, E 등).
upper-latin 표시는 대문자 라틴 알파벳입니다(A, B, C, D, E 등).
upper-roman 표시는 대문자 로마 숫자입니다(I, II, III, IV, V 등).
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： <ul>이 "disc"이고, <ol>이 "decimal"입니다。
반환 값： 문자열로, 목록 유형을 나타냅니다。
CSS 버전： CSS1

브라우저가 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원