html list-style

2010.05.21 03:53

Elkha 조회 수:4954

참고 문서  

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

번호 제목 날짜 조회 수
31 마인크래프트 조합 2 file 2011.04.01 14347
30 마인크래프트 조합법 1 file 2011.04.01 19575
29 접속하기전에.. 2011.04.01 2235
28 마인크래프트 다운로드 v1.4 2011.04.01 3269
27 <table cellspacing="0"> 2010.08.19 5365
26 브라우저, 문서 높이 구하기 2010.08.17 3819
25 네이버 드래그, 마우스 우클릭 방지 해제 file 2010.07.25 3473
24 ftp file 2010.07.23 13961
23 javascript 대기시간 - setTimeout file 2010.06.12 12983
22 php + ssh2 file 2010.06.05 20047
21 Table 태그 file 2010.05.23 4179
20 포커스 요소의 테두리와 웹 접근성 file 2010.05.23 4063
19 리눅스 자동 시작 file 2010.05.21 15774
18 putty file 2010.05.21 13343
17 php 에서 파일 권한 설정 2010.05.21 4450
» list-style file 2010.05.21 4954
15 jQuery 쿠키 file 2010.05.19 4622
14 php 쿠키 생성, 읽기 file 2010.05.19 6472
13 php 에서 텍스트 파일을 생성, 수정하기 file 2010.05.19 8085
12 파일 불러오기 file 2010.05.17 5331