사용자 도구

사이트 도구


wiki:css:css_note:css_lists

CSS Lists

  • description : CSS Lists,
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-03-12



Source of the article

HTHL 리스트, CSS 리스트 속성

HTML에는 두 가지 속성의 리스트가 있습니다.

  • unordered lists (<ul>) - 리스트 아이템들은 불릿 (bullets)으로 표시됩니다.
  • ordered lists (<ol>) - 리스트 아이템들은 숫자나 문자로 표시됩니다.


CSS 리스트 속성들로

  • 순서가 있는 리스트(ordered lists)에 다양한 리스트 아이템 표식를 설정할 수 있습니다.
  • 순서가 없는 리스트(unordered lists) 다양한 리스트 아이템 표식를 설정할 수 있습니다.
  • 리스트 아이템 표식(marker)으로 이미지를 설정할 수 있습니다.
  • 배경색을 리스트와 리스트 아이템에 추가할 수 있습니다.


다양한 리스트 아이템 표식

list-style-type속성은 리스트 아이템 표식을 지정합니다.
하기의 예제에서 이용할 수 있는 리스트 아이템 표식을 확인합니다.

예제

ALL CSS List Properties

Property Description
list-style 하나의 선언에서 리스트의 모든 속성을 설정합니다.
list-style-image 리스트 아이템 표식으로 이미지를 지정합니다.
list-style-position 리스트 아이템 표식(불릿 포인트)위치를 지정합니다.
list-style-type 리스트 아이템 표식의 타입을 지정합니다.
/volume1/web/dokuwiki/data/pages/wiki/css/css_note/css_lists.txt · 마지막으로 수정됨: 2023/01/13 18:44 (바깥 편집)