定义和用法
margin属性设置或者返回元件的边缘。
该属性可以从一到四个值:
- 一个值,比如div {保证金:50像素} - 所有四个边缘将是50像素
- 两个值,比如div {保证金:50px的10px的} - 顶部和底部的利润率将是50像素,左,右页边距将是10px的
- 三个值,比如div {保证金:50px的10px的20像素} - 上边际为50像素,左右边际为10px的,底边距将是20像素
- 四个值,比如div {保证金:50px的10px的20px的30PX} - 上边际为50像素,右边距将10px的,底边距将是20像素,左边距将是30PX
无论是margin属性和元素周围padding属性插入空隙。 然而,不同的是,余量插入周围的边界的空间中,同时填充插入一个元件的边界内的空间。
浏览器支持
margin属性所有主流浏览器的支持。
句法
返回margin属性:
object .style.margin
设置margin属性:
object .style.margin=" 属性值 值 描述 % 限定边缘在父元素的宽度的% length 定义长度单位的边缘 auto 浏览器设置页边距(all four margins will be equal) initial 将此属性设置为默认值。 阅读关于初始 inherit 继承其父元素此属性。 阅读关于继承
技术细节
默认值: 0 返回值: 一个字符串,表示元件的边缘 CSS版本 CSS1
更多示例
例
margin属性和padding属性之间的差异:
function changeMargin() {
document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.padding = "100px";
}
试一试»
相关页面
CSS教程: CSS保证金
CSS参考: margin property
<Style对象