margin-top

  • 版本:CSS1
  • 媒体:视觉

margin-top语法:

margin-top<length> | <percentage> | auto

默认值0

适用于:所有元素,除非 table | inline-table | table-caption 的表格类元素和非替代行内元素之外

继承性:无

动画性:是

计算值:指定的百分比、绝对长度或auto

相关属性:[ margin ] || [ margin-right ] || [ margin-bottom ] || [ margin-left ]

margin-top取值:

auto:
水平(默认)书写模式下,其计算值为0
<length>
用长度值来定义外边距。可以为负值
<percentage>
用百分比来定义外边距。水平(默认)书写模式下,参照其包含块 width 进行计算,其它情况参照 height ,可以为负值

margin-top说明:

检索或设置对象顶边的外延边距。
  • 替代(Replaced)行内元素可以应用该属性。
  • 非替代(non-Replaced)行内元素要使用该属性必须先使该对象表现为块级或行内块级。
  • 外延边距始终透明。
  • 对应的脚本特性为marginTop

margin-top兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0 1.0 1.0 1.0 3.5

margin-top示例:

理解并运用CSS的负margin值

用SCSS。浏览器兼容性为IE6+。你的网页中,不可能没有使用过margin。大多数情况下,我们采用的都是正数的margin值,可能有时候会用到负的margin值...2016年12月21日

CSS的margin塌陷问题的解决方法

那就错了,结果是因为CSS中存在一个margincollapse,即边界塌陷或者说边界重叠。对于上下两个并列的div块而言...2016年11月3日

CSS中的margin外边距折叠现象

CSS中的margin外边距重叠(Collapsingmargins)指的是毗邻的两个或多个外边距会合并成一个外边距。其中所说的margin毗邻...2016年6月27日

CSS元素居中margin:0 auto和text-align:center有什么区别

[摘要]在CSS中margin:0 auto和text-align:center都能使元素居中,会有不少初学者会问到:它们两个到底有什么区别呢?作为一名草根站长...2016年3月10日

css中margin后接数字的含义。在css样式中有很多常用的样式,比如float、padding、margin等等,来设置页面的位置距离等,有些时候会用来简写,比如margin-left:10px...2015年9月20日

图解CSSpadding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层...2015年2月2日

CSS中Class与ID的区别,Margin与Padding的区别来源: 时间:2013-09-04 15:35:12 阅读数:1665分享到...2014年5月30日

DIV+CSS中的确“margin”和“padding”的区别

在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离...2015年7月28日

Margin和padding属性区别(css新手请进)

初学CSS,网上查的有关模型资料都只是简单介绍这个模型是什么,而没有深入到具体代码的使用上,这对于我来说没有任何意义,所以自己整理一下...2015年7月22日

CSS奇技淫巧:多列等高,padding-bottom/margin-bottom内外补丁负值法

DOCTYPEhtml>

这个css多列等高是利用padding-bottom|margin-bottom正负值相抵消的原理来制作的。css多列等高布局方案等高布局有几种不同的方法...2015年4月16日

css的负边距(margin负值)解释

com/html+css/htmlcssjq/css-margin.html本文介绍了css负边距在普通文档流中的作用和效果、左和右的css负边距对元素宽度的影响...2016年3月24日

一起来看一个宽度问题,为了一目了然,我举了列子,通过列子,可以清楚的看到区别:IE6,Firefox,Opera等真实宽度=width+padding+border+marginIE5真实宽度=wi...2015年6月29日

1.先说说css中的元素分类,分为内联元素(inline)和块级元素(block),内联元素有#PCDATA(即文本...2016年3月28日

或者给OuterDiv / Inner Div设置为float/position:absolute(CSS2.1规定浮动元素和绝对定位元素不参与Margin折叠)。}这里对于毗邻的解释...2015年12月17日

【转】详解CSS样式中margin和padding的定义

详解css样式中的margin和padding的定义这里首先我要问大家一个问题,你在学习margin和padding的时候是不是懵了...2014年7月26日

众所周知,margin在大家的心目中是一个必不可少的属性,在每一个网页里都可会用到margin这个属性,但大家有没有用过它的负值了,对它的负值有多少了解了,在大家想来它的负值就是一个它的正值的反作用...2016年4月18日

css中padding、margin属性的区别和详解

css中padding、margin属性的区别和详解本文将讲述HTML和CSS的关键—盒子模型(Boxmodel)...2016年9月11日

具体的transparent用法同学们自己去搜用法,这里就不讲解了,OK到这里基本上一个简单的效果就完成了,是不是又学到了css3属性的一些新用法了呢?同学们也可以去修改效果的...2016年7月19日

margin:5pxauto;意思上下为5,左右平均居中margin-top:20px;上外边距margin-right:30px;右外边距margin-bottom:30px;下外边距margin-left:20px;左外边距margin:1px四边统一边距margin:1px1px上下边距,左右边距margi...2015年6月10日

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册