list-style 속성

※ abc 순으로 정렬

 

● list-style 속성

 - 아래의 속성들을 한번에 설정함

 

● list-style-image 속성

 - 불릿 대신 이미지 삽입

 - list-style-image : none | url(이미지 파일 경로)

    - none : 설정 안함 (기본값)

    - url(이미지 파일 경로) : 불릿 대신 사용할 이미지 파일의 경로 지정

 

● list-style-position 속성

 - 목록에 들여 쓰는 효과

 - list-style-position: inside | outside

    - inside : 불릿 or 숫자를 안쪽으로 들여 씀

    - outside : 불릿 or 숫자를 밖으로 내어 씀 (기본값)

 

● list-style-type 속성

 - 목록의 불릿과 번호 스타일 지정

 - list-style-type: none | <순서 없는 목록의 불릿> | <순서 목록의 번호>

    - none : 항목 앞에 붙는 불릿을 제거

    - <순서 없는 목록의 불릿>

        - disc : 채운 원 (●)

        - circle : 빈 원 (○)

        - square : 채운 사각형 (■)

    - <순서 목록의 번호>

        - decimal : 1로 시작하는 십진수 (1, 2, 3)

        - decimal-leading-zero : 01로 시작하는 십진수 (01, 02, 03)

        - lower-roman : 소문자 로마 숫자 (ⅰ, ⅱ, ⅲ)

        - upper-roman: 대문자 로마 숫자 (Ⅰ, Ⅱ, Ⅲ)

        - lower-alpha 또는 lower-latin : 소문자 알파벳 (a, b, c)

        - upper-alpha 또는 upper-latin : 대문자 알파벳 (A, B, C)