HTML DOM margin属性使用方法

本篇文章给大家分享的是有关HTML DOM margin属性使用方法，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

向大家描述一下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

可能的值：

实例

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

   functionchangeMargin()  {  document.getElementById("p1").style.margin="100px";  }  script> head>     Thisisaparagraphp>  body> html>

以上就是HTML DOM margin属性使用方法，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。