HTML DOM marginLeft ÊôÐÔ

HTML DOM Style ¶ÔÏó

¶¨ÒåºÍÓ÷¨

marginLeft ÊôÐÔÉèÖÃÔªËØµÄ×óÍâ±ß¾à¡£

Óï·¨£º

Object.style.marginLeft=auto|length|%

¿ÉÄܵÄÖµ£º

Öµ ÃèÊö
auto ä¯ÀÀÆ÷ÉèÖõÄ×óÍâ±ß¾à¡£
length ¶¨Òå¹Ì¶¨µÄ×óÍâ±ß¾à¡£Ä¬ÈÏÖµÊÇ0¡£
% ¶¨Òå»ùÓÚ¸¸¶ÔÏó×ܸ߶ȵİٷֱÈ×óÍâ±ß¾à¡£

ʵÀý

±¾Àý¸ü¸ÄÁ˶ÎÂäµÄ×óÍâ±ß¾à£º

<html>
<head>
<script type="text/javascript">
function changeMargin()
{
document.getElementById("p1").style.marginLeft="32px";
}
</script>
</head>
<body>

<input type="button" onclick="changeMargin()" 
value="Change the left margin of a paragraph" />

<p>This is a paragraph</p>
<p id="p1">This is a paragraph</p>
<p>This is a paragraph</p>

</body>
</html>

HTML DOM Style ¶ÔÏó