UL |
- ¹øÈ£¾ø´Â ¸ñ·Ï Ç׸ñ 1
- ¹øÈ£¾ø´Â ¸ñ·Ï Ç׸ñ 2
- ¹øÈ£¾ø´Â ¸ñ·Ï Ç׸ñ 3
|
listStyleType |
|
|
|
|
OL |
- ¹øÈ£ÀÖ´Â ¸ñ·Ï Ç׸ñ 1
- ¹øÈ£ÀÖ´Â ¸ñ·Ï Ç׸ñ 2
- ¹øÈ£ÀÖ´Â ¸ñ·Ï Ç׸ñ 3
|
listStyleType |
|
|
|
|
|
|
°øÅë |
listStylePosition |
|
|
listStyleImage |
|
|
<STYLE>.but{width:90}</STYLE>
<TABLE border=1>
<TR>
<TH rowspan=2>UL</TH>
<TD colspan=7>
<UL id=ulObj>
<LI>¹øÈ£¾ø´Â ¸ñ·Ï Ç׸ñ 1
<LI>¹øÈ£¾ø´Â ¸ñ·Ï Ç׸ñ 2
<LI>¹øÈ£¾ø´Â ¸ñ·Ï Ç׸ñ 3
</UL>
</TD>
</TR>
<TR>
<TD class=style>listStyleType</TD>
<TD><BUTTON onclick="ulObj.style.listStyleType='disc';" class=but>disc</BUTTON></TD>
<TD><BUTTON onclick="ulObj.style.listStyleType='circle';" class=but>circle</BUTTON></TD>
<TD><BUTTON onclick="ulObj.style.listStyleType='square';" class=but>square</BUTTON></TD>
<TD><BUTTON onclick="ulObj.style.listStyleType='none';" class=but>none</BUTTON></TD>
</TR>
<TR>
<TH rowspan=2>OL</TH>
<TD colspan=7>
<OL id=olObj>
<LI>¹øÈ£ÀÖ´Â ¸ñ·Ï Ç׸ñ 1
<LI>¹øÈ£ÀÖ´Â ¸ñ·Ï Ç׸ñ 2
<LI>¹øÈ£ÀÖ´Â ¸ñ·Ï Ç׸ñ 3
</OL>
</TD>
<TR>
<TD class=style>listStyleType</TD>
<TD><BUTTON onclick="olObj.style.listStyleType='decimal';" class=but>decimal</BUTTON></TD>
<TD><BUTTON onclick="olObj.style.listStyleType='lower-roman';" class=but>lower-roman</BUTTON></TD>
<TD><BUTTON onclick="olObj.style.listStyleType='upper-roman';" class=but>upper-roman</BUTTON></TD>
<TD><BUTTON onclick="olObj.style.listStyleType='lower-alpha';" class=but>lower-alpha</BUTTON></TD>
<TD><BUTTON onclick="olObj.style.listStyleType='upper-alpha';" class=but>upper-alpha</BUTTON></TD>
<TD><BUTTON onclick="olObj.style.listStyleType='none';" class=but>none</BUTTON></TD>
</TR>
<TR>
<TH rowspan=2>°øÅë</TH>
<TD class=style>listStylePosition</TD>
<TD><BUTTON onclick="ulObj.style.listStylePosition=olObj.style.listStylePosition='outside';" class=but>outside</BUTTON></TD>
<TD><BUTTON onclick="ulObj.style.listStylePosition=olObj.style.listStylePosition='inside';" class=but>inside</BUTTON></TD>
</TR>
<TR>
<TD class=style>listStyleImage</TD>
<TD><BUTTON onclick="ulObj.style.listStyleImage=olObj.style.listStyleImage='none';" class=but>none</BUTTON></TD>
<TD><BUTTON onclick="ulObj.style.listStyleImage=olObj.style.listStyleImage='url(../../../gif/ball.gif)';" class=but>ball.gif</BUTTON></TD>
</TR>
</TABLE>