码迷,mamicode.com
首页 > Web开发 > 详细

CSS的margin属性

时间:2015-08-28 07:11:43      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

margin属性的定义和用法:

检索或设置对象四边的外延边距。 

如果提供全部四个参数值,将按上、右、下、左的顺序作用于四边。 

如果只提供一个,将用于全部的四边。 

如果提供两个,第一个用于上、下,第二个用于左、右。 

如果提供三个,第一个用于上,第二个用于左、右,第三个用于下。 

内联对象可以使用该属性设置左、右两边的外补丁;若要设置上、下两边的外补丁,必须先使该对象表现为块级或内联块级。 

外延边距始终透明。 

对应的脚本特性为margin

语法结构:

margin:auto | <length> | <percentage>

取值:

auto:值被设置为相对边的值,默认值。

<length>:用长度值来定义外补白。可以为负值。 

<percentage>:用百分比来定义外补白。可以为负值。 

浏览器支持:

IE浏览器支持此属性。

火狐浏览器支持此属性。

谷歌浏览器支持此属性。

opera浏览器支持此属性。

继承性:

没有继承性。

实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title>
<style type="text/css"> 
*{ 
  margin:0px; 
  padding:0px; 
} 
.father{ 
  width:200px; 
  height:200px; 
  border:1px solid #000 
} 
.children{ 
  width:100px; 
  height:100px; 
  border:1px solid #093; 
  margin:10px; 
} 
</style> 
</head> 
<body> 
<div class="father"> 
  <div class="children">蚂蚁部落欢迎您!</div> 
</div> 
</body> 
</html>

原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0525/2443.html

最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=1387

CSS的margin属性

标签:

原文地址:http://www.cnblogs.com/come-on/p/4765273.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!