目录

style marginTop 属性

示例

设置 <div> 元素的上边距:

document.getElementById("myDiv").style.marginTop = "50px";
亲自试一试 »

描述

marginTop 属性设置或返回元素的上边距。

margin 属性和 padding 属性都在元素周围插入空间。但是,不同之处在于 margin 在边框周围插入空格,而 padding 在元素边框内插入空格。


浏览器支持

Property
marginTop Yes Yes Yes Yes Yes

语法

返回 marginTop 属性:

object.style.marginTop

设置 marginTop 属性:

object.style.marginTop = "%| length|auto|initial|inherit"

属性值

Value Description
% Defines the top margin in % of the width of the parent element
length Defines the top margin in length units
auto The browser sets the top margin
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit


技术细节

默认值: 0
返回值: 一个字符串,表示元素的上边距
CSS版本 CSS1

更多示例

示例

将 <div> 元素的上边距更改回"normal":

document.getElementById("myDiv").style.marginTop = "0px";
亲自试一试 »

示例

返回 <div> 元素的上边距:

alert(document.getElementById("myDiv").style.marginTop);
亲自试一试 »

示例

marginTop 和 paddingTop 的区别:

function changeMargin() {
  document.getElementById("myDiv").style.marginTop = "100px";
}

function changePadding() {
  document.getElementById("myDiv2").style.paddingTop = "100px";
}
亲自试一试 »

相关页面

CSS教程:CSS 边距

CSS 参考:边距顶部属性

HTML DOM 参考:外边距属性