html list-style

2010.05.21 03:53

Elkha 조회 수:5122

참고 문서  

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 으로 대신하고, 적절한 여백을 주는게 좋다.

번호 제목 날짜 조회 수
9 <table cellspacing="0"> 2010.08.19 5422
8 브라우저, 문서 높이 구하기 2010.08.17 3878
7 네이버 드래그, 마우스 우클릭 방지 해제 file 2010.07.25 3543
6 javascript 대기시간 - setTimeout file 2010.06.12 13064
5 Table 태그 file 2010.05.23 4375
4 포커스 요소의 테두리와 웹 접근성 file 2010.05.23 4122
» list-style file 2010.05.21 5122
2 jQuery 쿠키 file 2010.05.19 4806
1 파일 불러오기 file 2010.05.17 5437