1. list-style-type
: 불릿 기호(글머리 기호)를 변경시킬 때 사용한다.
1) 순서가 없는 목록(ul)에서 사용하는 불릿 기호
① list-style-type: disc;
: 속이 차있는 동그란 불릿 기호
② list-style-type: circle;
: 속이 비어있는 동그란 불릿 기호
③ list-style-type: square;
: 네모난 불릿 기호
④ list-style-type: none;
: 불릿 기호가 안보이게 한다.
2) 순서가 있는 목록(ol)에서 사용하는 불릿 기호
① list-style-type: decimal;
: 기본 숫자(1, 2, 3, ...)로 된 불릿 기호
② list-style-type: decimal-leading-zero;
: 숫자 01, 02, 03, ...로 된 불릿 기호
③ list-style-type: lower-alpha;
: 영어 소문자로 된 불릿 기호
④ list-style-type: upper-alpha;
: 영어 대문자로 된 불릿 기호
⑤ list-style-type: lower-roman;
: 로마숫자 소문자로 된 불릿 기호
⑥ list-style-type: upper-roman;
: 로마숫자 대문자로 된 불릿 기호
2. list-style-position
: 불릿 기호의 위치를 조정할 때 사용한다.
1) list-style-position: inside;
: 불릿 기호의 위치를 안쪽으로 밀어넣는다.
2) list-style-position: outside;
: 불릿 기호의 위치를 바깥쪽으로 당긴다.
3. list-style-image
: 불릿 기호를 이미지 파일로 변경할 때 사용한다.
- list-style-image: url("경로");