[CSS] list-style-type 프로퍼티, HTML과 CSS의 마커 동일 표현

   

   

list-style-type 프로퍼티

list-style-image 프로퍼티가 "none" 또는 "<URL>"에 지정된 이미지가 없을 시항목의 마커 형태 결정

   

태그 형태	설명
<ul>	순서 의미 없는 특수문자
<ol>	순서 의미 있는 숫자

   

   

   

list-style-type 프로퍼티 값 (<ol>태그에서 사용)

프로퍼티 값	설명
decimal	1로 시작하는 십진수
western-decimal	1로 시작하는 십진수
decimal-leading-zero	01, 02, 03로 표현되는 십진수
lower-roman	i, ii, iii와 같이 로마숫자 소문자로 표시
upper-roman	I, II, III와 같이 로마숫자 대문자로 표시
lower-alpha	a, b, c와 같은 영어 소문자로 표시
lower-latin	a, b, c와 같은 영어 소문자로 표시
upper-alpha	A, B, C와 같은 영어 대문자로 표시
upper-latin	A, B, C와 같은 영어 대문자로 표시
hebrew	각 언어별 숫자 표시
georgian	각 언어별 숫자 표시
armenian	각 언어별 숫자 표시
cjk-ideographic	각 언어별 숫자 표시
hiragana	각 언어별 숫자 표시
katakana	각 언어별 숫자 표시
none	없음

   

   

   

동일한 값 표현

HTML의 type 속성 값	CSS의 list-style-type프로퍼티 값
type="1"	decimal (default style)
type="a"	lower-alpha
type="A"	upper-alpha
type="i"	lower-roman
type="I"	upper-roman