list-style

[목록 스타일 속성]

        
목록 태그 앞에 붙는 불릿이나 숫자의 모양을 바꿔주거나 들여쓰기를 제어할 수 있다.
list-style속성을 쓰면 list-style-type과 list-style-position을 한꺼번에 선언할 수 있다.

---

list-style-type : ul에 불릿이나 ol의 숫자를 다양한 형태로 바꿀 때 사용한다.

<ul>
- list-style-type: disc(●)
- list-style-type: circle(○)
- list-style-type: square(■)
 - list-style-type: none(불릿 없애기)

ul 에 list-style 적용

<ol>  -순서가 있는 목록
- list-style-type: demical(1로 시작하는 십진수. 1,2,3...) 
- list-style-type: demical-leading-zero(앞에 0이 붙는 십진수. 01,02,03...) 
- list-style-type: lower-roman(로마 숫자 소문자. i,ii,iii...) 
- list-style-type: upper-roman(로마 숫자 대문자. I,II,III...)
- list-style-type: lower-alpha 또는 lower-latin(알파벳 소문자. a,b,c...)
- list-style-type: upper-alpha 또는 upper-latin(알파벳 대문자. A,B,C...)
- list-style-type: armenian(아르메니아 숫자)
- list-style-type: georgian(조지 왕조 시대의 숫자)

ul 에 list-style 적용

list-style-position :  목록태그의 들여쓰기 부분.
- list-style-position: inside; 불릿이나 숫자를 안쪽으로 들여쓰기 한다.
- list-style-position: outside; 불릿이나 숫자를 바깥쪽으로 내어쓰기 한다.