[CSS] 리스트(list)

리스트(list)

---

CSS에서 사용할 수 있는 list-style 속성은 다음과 같습니다. 그 중 list-style-type에 대하여 알아보겠습니다.

 

1. list-style-type

2. list-style-image

3. list-style-position

 

list-style-type

list-style-type 속성을 이용하면 리스트에 다양한 마커(marker)를 적용할 수 있습니다.

<style>
  /* 순서 없는 목록 마커 스타일 */
  ul.disc {
    list-style-type: disc;
  }

  ul.circle {
    list-style-type: circle;
  }

  ul.square {
    list-style-type: square;
  }

  ul.dash {
    list-style-type: "-";
  }

  /* 순서 있는 목록 마커 스타일 */

  ol.decimal {
    list-style-type: decimal;
  }

  ol.lower-roman {
    list-style-type: lower-roman;
  }

  ol.lower-greek {
    list-style-type: lower-greek;
  }
</style>