HTML DOM margin属性使用手册-html dom

本文向大家描述一下HTML DOM margin属性的用法，Html中margin属性主要用来设置元素的外边距，相信本文介绍一定会让你有所收获。

HTML DOM margin属性

定义和用法

margin属性设置元素的外边距。

该属性可使用1到4个值：

如果规定一个值，比如div{margin:50px}-所有的外边距都是50px

如果规定两个值，比如div{margin:50px10px}-上下外边距是50px，左右外边距是10px。

如果规定三个值，比如div{margin:50px10px20px}-上外边距是50px，而左右外边距是10px，下外边距是20px。

如果规定四个值，比如div{margin:50px10px20px30px}-上外边距是50px，右外边距是10px，下外边距是20px，左外边距是30px。

语法：

Object.style.margin=margin

可能的值：

实例

下面的例子改变了段落的外边距：

<html> 
<head> 
<scripttypescripttype="text/javascript"> 
functionchangeMargin()  
{  
document.getElementById("p1").style.margin="100px";  
}  
script> 
head> 
<body> 
 
<inputtypeinputtype="button"onclick="changeMargin()"  
value="Changemarginsofaparagraph"/> 
 
<pidpid="p1">Thisisaparagraphp> 
 
body> 
html>

【编辑推荐】