CSS - 목록 스타일

 

 

 

목록 스타일

 

• list-style-type - 순서 없는 목록 스타일
• list-style-type - 순서 있는 목록 스타일
• list-style-position - 목록 기호 들여 쓰기
• list-style-image - 기호 대신 이미지 삽입

 

 

 

 

 

 

list-style-type - 순서 없는 목록 스타일

 

• disc : 채운 원 모양, default
• circle : 빈 원 모양
• square : 채운 사각형 모양
• none : 모양 없애기

 

 

---

 

list-style-type - 순서 있는 목록 스타일

 

• decimal : 1로 시작하는 10진수
• decimal-leading-zero : 앞에 0이 붙는 10진수
• lower-roman : 소문자 로마 숫자
• upper-roman : 대문자 로마 숫자
• lower-alpha : 알파벳 소문자
• upper-alpha : 알파벳 대문자

 

---

 

list-style-position - 목록 기호 들여 쓰기

 

---

 

list-style-image - 기호 대신 이미지 삽입