HTML DOM listStylePosition ÊôÐÔ

HTML DOM Style ¶ÔÏó

¶¨ÒåºÍÓ÷¨

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>

HTML DOM Style ¶ÔÏó

VUE