[CSS 기본] 목록 스타일

list-style-type     목록 스타일 지정

list-style-type: none | <순서 없는 목록 불릿> | <순서 목록 번호>

▼ 불릿 모양 바꾸기

속성 값	설명
disc	채운 원
circle	빈 원
square	채운  사각형
none	불릿 없애기

▼ 순서 목록 숫자 바꾸기

속성 값	설명
decimal	1로 시작하는 십진수
decimal-leading-zero	앞에 0이 붙는 십진수
lower-roman	소문자 로마 숫자
upper-roman	대문자 로마 숫자
lower-alpha / lower-latin	소문자 알파벳
upper-alpha / upper-latin	대문자 알파벳

 

list-style-image     불릿 대신 이미지

list-style-image: url(이미지 파일 경로) | none

 

list-style-position     목록 들여쓰기

list-style-position: inside | outside