[CSS] LIST - 목록

 

list-style-type : 목록의 불릿과 번호 스타일 지정

- 불릿 모양

속성 값	설명
disc	●
circle	○
square	■
none	없음

- 순서 목록에서 숫자 바꾸기 가능

속성 값	설명
decimal	1로 시작하는 10진수
decimal-leading-zero	앞에 0이 붙는 10진수
lower-roman	소문자 로마 숫자
upper-roman	대문자 로마 숫자
lower-alpha 또는 lower-latin	소문자 알파벳
upper-alpha 또는 upper-latin	대문자 알파벳
armerian	아르메니아 숫자
georgian	조지 왕조시대의 숫자

 

list-style-image : 불릿 대신 이미지 넣기

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

 

list-style-position : 목록에 들여 쓰는 효과 내기

- inside 속성 : 불릿이나 속성을 안쪽으로 들여 씀

- outside 속성 : 기본 값으로 불릿이나 숫자를 밖으로 내어 씀

 

list-style : 목록 속성 한꺼번에 표시

- 위에 있는 속성들을 한꺼번에 표시 가능