html list-style

2010.05.21 03:53

Elkha 조회 수:5154

참고 문서  

to-do-list-pad[1].jpg

list-style

  • list-style-type: none
  • list-style-type: disc
  • list-style-type: circle
  • list-style-type: square
  • list-style-type: decimal
  • list-style-type: lower-roman
  • list-style-type: upper-roman
  • list-style-type: lower-alpha
  • list-style-type: upper-alpha
  • list-style-position: inside
  • list-style-position: outside
  • list-style: circle inside

ul, ol 태그를 코딩할 때 90% 정도는 list-style:none; 으로 처리해버린다.
그리고 5% 확률로 list-style-position 을 선정해준다.
나머지는 거의 쓸일 없는 듯.
참고로 list-style-image 속성은 다루기가 까다로워서 background 으로 대신하고, 적절한 여백을 주는게 좋다.