HTML DOM margin属性使用手册

开发 前端
Html中margin属性用来设置元素的外边距,该属性可使用1到4个值,如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。

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

可能的值


实例

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

  1. <html> 
  2. <head> 
  3. <scripttypescripttype="text/javascript"> 
  4. functionchangeMargin()  
  5. {  
  6. document.getElementById("p1").style.margin="100px";  
  7. }  
  8. script> 
  9. head> 
  10. <body> 
  11.  
  12. <inputtypeinputtype="button"onclick="changeMargin()"  
  13. value="Changemarginsofaparagraph"/> 
  14.  
  15. <pidpid="p1">Thisisaparagraphp> 
  16.  
  17. body> 
  18. html> 

【编辑推荐】

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

 

责任编辑:佚名 来源: w3school.com.cn
相关推荐

2010-08-25 10:53:04

CSSmargin-bott

2009-10-26 11:11:33

linux Emacs

2011-08-09 13:22:31

iPhoneSqlite数据库

2009-12-02 18:03:00

PHP cURL

2010-05-26 14:01:47

SVN安装使用手册

2010-05-19 10:57:34

Subversion配

2010-05-21 12:37:49

SVN使用教程

2010-05-26 13:17:55

SVN简易使用手册

2010-05-26 12:59:48

SVN简易使用手册

2010-06-07 12:38:37

Cacti使用手册

2010-05-27 13:35:43

SVN简易使用手册

2010-05-26 13:51:40

SVN安装使用手册

2013-10-31 14:55:22

2010-05-20 19:12:37

2010-08-26 09:46:44

CSSmax-width max-height

2011-09-05 16:57:40

MTK开发工具

2010-06-09 17:01:26

Cacti使用手册

2015-08-06 11:10:46

开源IaaS软件ZStack本地存储

2010-05-26 12:45:49

SVN使用手册

2013-10-31 13:37:07

CloudaAPI手册
点赞
收藏

51CTO技术栈公众号