ul이던 li던 상관 없이 적용 가능
list-style-type
: ul, ol의 모양
disc, circle, square, none...
list-style-type: none;
list-style-image
: ul, ol 모양 대신 이미지로 대체
url(경로);
경로에 한글이나 특수기호가 들어가면 글자가 깨질 수 있음. 그럴 땐 경로를 ''로 감싸기
list-style-image: url(./img/tick.png);
*type과 image는 같이 못 씀. image가 이김
list-style-position
: 목록 들여쓰기
inside : li 영역 안
outside : 기본값, li 영역 밖
list-style-position: outside;
*list-style
: type image position순서대로 작성해서 위 3개 스타일을 한 번에 쓸 수 있다.
list-style: circle url(./img/tick.png) inside;
많은 도움이 되었습니다, 감사합니다.