wilson's story

list-style-type => 항목 표시자 모양 지정 본문

Javascript

list-style-type => 항목 표시자 모양 지정

wilson 2009. 2. 28. 22:37
반응형

list-style-type

항목 표시자의 모양을 지정합니다.

기본 정보 지원 브라우저/CSS 버전
초기값 disc(UL 요소), decimal(OL 요소)
상속 yes
적용 범위 UL, OL, LI, DT, DD 요소
인터넷 익스플로러 4
넷스케이프 4
CSS 1

속성값
설명 IE NN
none 항목 표시자를 사용하지 않습니다. 4.0 4.0
disc 속이 찬 원으로 표시합니다. 4.0 4.0
circle 속이 빈 원으로 표시합니다. 4.0 4.0
square 속이 찬 사각형으로 표시합니다. 4.0 4.0
decimal-leading-zero 0으로 시작하는 두 자리 숫자로 표시합니다. (01, 02, 03...) - -
lower-roman 로마자 소문자로 표시합니다. (i, ii, iii, iv, v...) 4.0 4.0
upper-roman 로마자 대문자로 표시합니다. (I, II, III, IV, V...) 4.0 4.0
lower-alpha 알파벳 소문자로 표시합니다. (a, b, c, d, e...) 4.0 4.0
upper-alpha 알파벳 대문자로 표시합니다. (A, B, C, D, E...) 4.0 4.0
lower-greek 그리스 문자 소문자로 표시합니다. (alpha, beta, gamma...) - 7.0
lower-latin 알파벳 소문자로 표시합니다. (a, b, c, d, e...) - 7.0
upper-latin 알파벳 대문자로 표시합니다. (A, B, C, D, E...) - 7.0
hebrew 히브리어로 표시합니다. - 7.0
armenian 아르메니아어로 표시합니다. - 7.0
georgian 그루지야어로 표시합니다. (an, ban, gan...) - 7.0
cjk-ideographic 표의 문자로 표시합니다. - 7.0
hiragana 일본어 히라가나로 표시합니다. (a, i, u, e, o, ka, ki...) - 7.0
katakana 일본어 카타카나로 표시합니다. (A, I, U, E, O, KA, KI...) - 7.0
hiragana-iroha 일본어 히라가나 이로하로 표시합니다. (i, ro, ha, ni, ho, he, to...) - 7.0
katakana-iroha 일본어 카타카나 이로하로 표시합니다. (I, RO, HA, NI, HO, HE, TO...) - 7.0

예제
예제1
OL { list-style-type: upper-roman }
UL { list-style-type: square }


예제2
p.list
  { display: list-item;
    list-style-type: hiragana }


참고
  • 일부 브라우저는 순서없는 항목 표시자의 모양으로 disc값만 지원합니다.
  • list-style 속성을 이용하면 항목 표시자의 모양과 위치를 한꺼번에 지정할 수 있습니다.
반응형