http://www.homejjang.com/07/list.php 입니다.
list-style-type 속성을 사용하면 리스트의 marker 스타일을 지정할 수 있습니다.
| <ul> <li style="list-style-type: disc">disc 타입의 리스트 <li style="list-style-type: circle">circle 타입의 리스트 <li style="list-style-type: square">square 타입의 리스트 <li style="list-style-type: none">none 타입의 리스트 </ul> |
|
순서가 있는 리스트(ol)의 경우는 다음과 같이 marker를 지정할 수 있습니다.
| <ol> <li style="list-style-type: decimal">decimal 타입의 리스트 <li style="list-style-type: lower-roman">lower-roman 타입의 리스트 <li style="list-style-type: upper-roman">upper-roman 타입의 리스트 <li style="list-style-type: lower-alpha">lower-alpha 타입의 리스트 <li style="list-style-type: upper-alpha">upper-alpha 타입의 리스트 </ol> |
|
리스트의 marker에 이미지를 사용할 수도 있습니다.
| <ul> <li style="list-style-image: url('marker.gif')">이미지를 사용한 리스트 <li style="list-style-image: url('marker.gif')">이미지를 사용한 리스트 </ul> |
|
'IT_Programming > HTML&CSS' 카테고리의 다른 글
| [css] 텍스트의 크기 단위 & Font Style (0) | 2008.07.27 |
|---|---|
| [CSS] Box Model - 경계선(border) (0) | 2008.07.27 |
| [css] CSS를 이용한 table 응용 (0) | 2008.07.27 |
| [css] 필터 (0) | 2008.07.27 |
| [css] 스크롤바 색상 (0) | 2008.07.27 |