HTML DOM marginTop ÊôÐÔ

HTML DOM Style ¶ÔÏó

¶¨ÒåºÍÓ÷¨

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

Óï·¨£º

Object.style.marginTop=auto|length|%

¿ÉÄܵÄÖµ

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

ʵÀý

±¾Àý¸Ä±ä¶ÎÂäµÄÉÏÍâ±ß¾à£º

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

<input type="button" onclick="changeMargin()" 
value="Change the top 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 ¶ÔÏó

VUE