CSS list-style-type 속성

정의와 사용법

list-style-type 속성은 목록 항목 표시자 타입을 설정합니다.

추가 참조:

CSS 강의:CSS 목록

CSS 참조서:CSS list-style 속성

HTML DOM 참조서:listStyleType 속성

예제

다른 목록 스타일을 설정합니다：

ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}

개인적으로 시도해 보세요

（더 많은 예제는 페이지 하단에서 찾을 수 있습니다）

CSS 문법

list-style-type: value;

속성 값

CSS2 값:

값 설명
none 표시자 없음.
disc 기본 설정. 표시자는 실체 원입니다.
circle 표시자는 흐릿한 원입니다.
square 표시자는 실체方块입니다.
decimal 표시자는 숫자입니다.
decimal-leading-zero 0으로 시작하는 숫자 표시자。(01, 02, 03, 등)
lower-roman 영문 소문자 로마자 (i, ii, iii, iv, v, 등)입니다.
upper-roman 대문자 로마자 (I, II, III, IV, V, 등)입니다.
lower-alpha 영문 소문자 표시자는 lower-alpha (a, b, c, d, e, 등)입니다.
upper-alpha 대문자 영어 알파벳 The marker is upper-alpha (A, B, C, D, E, 등)
lower-greek 소문자 그리스 알파벳 (alpha, beta, gamma, 등)
lower-latin 소문자 라틴 알파벳 (a, b, c, d, e, 등)
upper-latin 대문자 라틴 알파벳 (A, B, C, D, E, 등)
hebrew 전통적인 히브루 번호 방식
armenian 전통적인 아르메니아 번호 방식
georgian 전통적인 조지아 번호 방식 (an, ban, gan, 등)
cjk-ideographic 간단한 의미 숫자
hiragana 기호는 a, i, u, e, o, ka, ki, 등입니다. (일본어 반가타나)
katakana 기호는 A, I, U, E, O, KA, KI, 등입니다. (일본어 반가타나)
hiragana-iroha 기호는 i, ro, ha, ni, ho, he, to, 등입니다. (일본어 반가타나)
katakana-iroha 기호는 I, RO, HA, NI, HO, HE, TO, 등입니다. (일본어 반가타나)

CSS2.1의 값:

disc | circle | square | decimal | decimal-leading-zero | 
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | 
armenian | georgian | none | inherit

기술 세부 사항

기본 값: disc
상속성: yes
버전: CSS1
JavaScript 문법: object.style.listStyleType="square"

더 많은 예제

비정렬 목록에서 다양한 유형의 목록 기호
이 예제에서는 CSS에서 다양한 유형의 목록 항목 기호를 보여줍니다.
정렬 목록에서 다양한 유형의 목록 항목 기호
이 예제에서는 CSS에서 다양한 유형의 목록 항목 기호를 보여줍니다.
모든 목록 스타일 유형
이 예제에서는 CSS에서 다양한 유형의 목록 항목 기호를 보여줍니다.

브라우저 지원

표中的 숫자는 이 속성을 최초로 지원하는 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 4.0 1.0 1.0 3.5