List 속성
◀ ▶
문장 안에 있는 빈 칸을 어떻게 처리할 것인지 결정한다.

기호 설명 

A | B : A 또는 B 중의 하나이다.
A || B : A 또는 B 중의 하나, 또는 둘 다 들어갈 수 ㅣ있다.
<A> : A 속성의 값이 들어간다.
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none

Display 속성 값이 list-item인 element에 적용할 수 있고, 유전된다.
초기값은 disc이다.
<HTML>
<HEAD>
<STYLE type="text/css">
OL { list-style-type: lower-roman }   
</STYLE>
<BODY>
<OL>
<LI>사과
<LI>참다래
<LI>참외
</OL>
<BODY>
</HTML> 이렇게 나와요
list-style-position : inside | outside

Display 속성 값이 list-item인 element에 적용할 수 있고, 유전된다.
초기값은 outside이다.
<HTML>
<HEAD>
<STYLE type="text/css">
UL  { list-style: outside }    
UL.compact { list-style: inside }
</STYLE>
<BODY>
<UL>    
<LI>outside 1    
<BR>next line
<LI>outside 2
<BR>next line
</UL>
<UL class=compact>
<LI>inside 1
<BR>next line
<LI>inside 2
<BR>next line
</UL>
<BODY>
</HTML> 이렇게 나와요
list-style-image : URL | none

Display 속성 값이 list-item인 element에 적용할 수 있고, 유전된다.
초기값은 none이다.
<HTML>
<HEAD>
<STYLE type="text/css">
UL { list-style-image: url(disc.gif) }
</STYLE>
<BODY>
<UL>    
<LI>첫 번째    
<LI>두 번째
</UL>
<BODY>
</HTML> 이렇게 나와요
list-style : <'list-style-type'> || <'list-style-position'> || <'list-style-image'>

Display 속성 값이 list-item인 element에 적용할 수 있고, 유전된다.
대표속성은 초기값이 없다.
◀ ▶