스타일 속성 - 리스트(list)

list는 순서있는(ordered) 리스트와 순서없는(unordered) 리스트 두 가지가 있다.

 

■ list-style-type (리스트를 표시하는 방법)

 

순서없는 리스트에서 표시할 수 있는 값의 종류: square, circle, disc(default)
순서있는 리스트에서 표시할 수 있는 값의 종류: upper-alpha, lower-alpha, upper-roman, lower-roman, decimal(default)

 

ol { list-style-type: upper-roman; }
ul { list-style-type: circle; }

 

 

 

■ list-position (리스트의 위치)

 

리스트의 위치를 지정할 수 있다.

 

list-style-position: inside;
list-style-position: outside;

 

 

 

※ 리스트에 이미지를 삽입하는 방법

ul { list-style-image: url("sample.gif"); }
ol { list-style-image: url(sample.gif); }

 

 

 

■ 리스트 스타일 속성들

참고)  http://www.w3schools.com/css/css_list.asp