목록스타일

불릿 모양과 번호 스타일을 지정하는 list-style-type 속성 

종류	설명	예시
disc	채운 원 모양
circle	빈 원 모양
square	채운 사각형 모양
decimal	1부터 시작하는 10진수
decimal-leading-zero
lower-roman
upper-roman
lower-alpha 또는 lower-latin
upper-alpha 또는 upper-latin
none

 

불릿 대신 이미지를 사용하는 list-style-image 속성

list-style-image :url('이미지경로')

 

목록을 들여 쓰는 list-style-position 속성 

 list-style-position: inside | outside;

종류	설명
inside	불릿이나 번호를 기본 위치보다 들여 씁니다
outside	기본값

목록 속성을 한꺼번에 표시하는 list-style속성

- list-style 속성을 사용하면 지금까지 설명한 list-style-type, list-style-image,  list-style-position속성 한꺼번에 표시하기 

    ul {list-style-type: none;} // 불릿 없애기 
    
    ul {list-style: none;} // 속성 줄여서 표시하기

    ol {
      list-style-type: lower-alpha;
      list-style-position: inside;
    }

    ol{
      list-style: lower-alpha inside;
    }