lectureNote/CSS
목록 스타일
shiherlis
2022. 10. 6. 22:04
1. list-style-type
list-style-type : 불릿스타일 ;
- 불릿모양/번호 스타일을 지정
종류 | 설명 | |
disc | ● | 채운 원 모양 |
circle | ○ | 빈 원 모양 |
square | ■ | 채운 사각형 모양 |
decimal | 1,2,3... | 1 부터 시작하는 10진수 |
decimal-leading-zero | 01,02... | 앞에 0이 붙는 10진수 |
lower-roman | i, ii, iii | 로마숫자 소문자 |
upper-roman | I, II, III | 로마숫자 대문자 |
lower-alpha lower-latin |
a, b, c | 알파벳 소문자 |
upper-alpha upper-latin |
A, B, C | 알파벳 대문자 |
none | 목록 표시 기호를 넣지 않음 |
2. list-style-image
list-style-image: <url(이미지파일 경로)> | none
- 기본 불릿 대신 이미지 파일 사용도 가능
3. list-style-position
list-style-position : inside | outside
- 들여쓰기
4. list-style
list-style
- 목록 속성을 한꺼번에 표시