최신 웹 개발 튜토리얼
 

Style listStyleType Property

<스타일 개체

에 목록 항목 마커 유형 변경 "upper-roman" :

document.getElementById("myList").style.listStyleType = "upper-roman";
»그것을 자신을 시도

정의 및 사용

listStyleType 속성 설정 또는 목록 항목 마커 유형을 반환합니다.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

listStyleType 속성은 모든 주요 브라우저에서 지원됩니다.

Note: IE9와 오페라 11은 지원하지 않습니다 CJK-표의 문자, 히브리어, 히라가나, 히라가나 - 이로 하, 가타카나, 그리고 가타카나 - 이로 하.

Note: IE8이 속성 값을 지원 진수를 선도하는 제로는, - 위 라틴어, 아르메니아어, 그루지야, 낮은 그리스어 낮은 라틴어 DOCTYPE이 지정된 경우에만!


통사론

listStyleType 속성을 반환합니다 :

object .style.listStyleType

listStyleType 속성을 설정 :

object .style.listStyleType= 속성 값
기술
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, etc.)
lower-greek 마커는 낮은 그리스어
lower-latin 마커는 저급 - 라틴어 (a, b, c, d, e, etc.)
lower-roman 마커는 저급 - 로마이다 (i, ii, iii, iv, v, etc.)
none 마커가 표시되지 않습니다
square 마커는 정사각형
upper-alpha 마커는 상위 인 알파 (A, B, C, D, E, etc.)
upper-latin 마커 어퍼 라틴어 (A, B, C, D, E, etc.)
upper-roman 마커가 상위 인 로마 (I, II, III, IV, V, etc.)
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 은 "디스크" <ul>"decimal" 에 대한 <ol>
반환 값 : 목록의 유형을 나타내는 문자열
CSS 버전 CSS1

더 예

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

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myList").style.listStyleType = listValue;
»그것을 자신을 시도

목록 항목 마커 타입을 돌려줍니다 :

alert(document.getElementById("myList").style.listStyleType);
»그것을 자신을 시도

관련 페이지

CSS 자습서 : CSS 목록

CSS 참조 : list-style-type property

HTML DOM 참조 : listStyle property


<스타일 개체