HTML DOM listStylePosition ÊôÐÔ
¶¨ÒåºÍÓ÷¨
listStylePosition ÊôÐÔ¶ÔÁбíÖеÄÁбíÏî±ê¼Ç½øÐж¨Î»¡£
Óï·¨£º
Object.style.listStylePosition=inside|outside
¿ÉÄܵÄÖµ
Öµ | ÃèÊö |
---|---|
inside | ÁбíÏîÄ¿±ê¼Ç·ÅÖÃÔÚÎı¾ÒÔÄÚ£¬ÇÒ»·ÈÆÎı¾¸ù¾Ý±ê¼Ç¶ÔÆë¡£ |
outside | ĬÈÏ¡£±£³Ö±ê¼ÇλÓÚÎı¾µÄ×ó²à¡£ÁбíÏîÄ¿±ê¼Ç·ÅÖÃÔÚÎı¾ÒÔÍ⣬ÇÒ»·ÈÆÎı¾²»¸ù¾Ý±ê¼Ç¶ÔÆë¡£ |
ʵÀý
±¾Àý¸Ä±äÁбíÏî±êÖ¾µÄλÖãº
<html>
<head>
<script type="text/javascript">
function changeList()
{
document.getElementById("ul1").style.listStylePosition="inside";
}
</script>
</head>
<body>
<ul id="ul1">
<li>Coffee</li>
<li>Tea</li>
<li>Water</li>
<li>Soda</li>
</ul>
<input type="button" onclick="changeList()"
value="Change list-item marker position" />
</body>
</html>