2024.08.23. CSS - 목록 스타일

* 목록 표시 스타일 변경 3가지 속성

1. 목록 표시 변경 속성 : list-style-type 속성 

    list-style-type: none; /*square-사각,disc-검은원,circle-빈원,none-없음
2. 목록 표시를 이미지로 변경하는 속성 : list-style-image 속성

    list-style-type: none; /*none, upper-alpha-대문자 알파벳,upper-alpha 대문자 로마자 등등.
3. 목록의 들여쓰기 변경 속성 : list-style-position 속성
    - CSS 에서 이미지 가져오기 : url("경로") 함수사용
       list-style-image: url("image2/dot.png");
    - 목록 들여쓰기 속성 지정 
       list-style-position: inside; // 들여쓰기

 

* 목록 변경 속성값들을 한꺼번에 표시 

- list-style: lower-alpha inside;
   (==) 아래의 두개의 속성을 같이 쓴 것과 같다.
   list-style-type: lower-alpha;
   list-style-position: inside;