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> 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
  
  
  
  
value="Changemarginsofaparagraph"/> 
  
  
  
  
 
  
  
  
  
Thisisaparagraph p> 
  
  
  
  
 
  
  
  
  
 body> 
  
  
  
  
 html> 
 
 
 

【编辑推荐】

1. 由浅入深学习CSS中margin属性用法
2. 十大CSS使用经典技巧
3. Html和body标记应用CSS
4. 探究采用DIV+CSS框架的利与弊
5. DIV CSS网页布局需要掌握的八大技巧

当前名称：HTML DOM margin属性使用手册
文章起源：http://www.hantingmc.com/qtweb/news21/188521.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联