list-style :목록 스타일 속성
목록 스타일은 목록 태그에 스타일을 지정하는 속성으로
순서가 없는 항목이나 순서가 있는 항목의 블릿과 숫자를
변경할 수 있다.1. list-style-type :
불릿이나 숫자 모양을 바꿀때 사용한다.
[ul]
- disc : 채운 원. 기본값
- circle : 비운 원
- square : 채워진 사각형
- none : 불릿을 없앤다. 메뉴만들때는 불릿을 없앤 후 사용한다.
[ol]
- demical : 기본값으로 1로 시작하는 십진수.(1,2,3..)
- demical-leading-zero : 앞에 0이 붙는 십진수(01,02,03...)
- lower-roman: 로마숫자 소문자(i, ii, iii...)
- upper-roman: 로마숫자 대문자(I, II, III...)
- lower-alpha 또는 lower-latin : 알파벳 소문자(a,b,c...)
- upper-alpha 또는 upper-latin : 알바벳 대문자(A,B,C...)
- armenian : 아르메니아 숫자
- georgian : 조지왕조 시대 숫자(an,ban,gan...)2. list-style-position
ul,ol은 기본적으로 들여쓰기되어 표현된다.
들여쓰기 하거나 내어쓰기하는 이 위치를 list-style-position 으로 정할수 있다.
- inside : 안쪽으로 들여쓰기
- outside : 바깥쪽으로 내어쓰기. 기본값3. list-style
list-style-position과 list-style-type을 한꺼번에 선언할때 사용한다.
한꺼번에 선언할때에는 공백으로 구분한다.
[기본형]
list-style : 숫자나 블릿모양 자리 들여쓰기나 내어쓰기;
Hi