margin-top属性的语法和特征

开发 前端
本文向大家介绍一下margin-top属性的用法,它的语法取值有两种,分别是auto :取计算机值,length :由浮点数字和单位标识符组成的长度值 | 百分数。

你对margin-top 属性的语法和特征是否了解,这里和大家分享一下,希望对你的学习有所帮助。

margin-top 属性

基本特性

初始值: 0  适用于: 所有元素 
继承性: 无  百分比: 根据包含元素的宽(refer to width of containing block ) 
媒体: visual  版本: CSS1 
兼容性: IE4+ NS4+   

基本语法

margin-top : auto | length

语法取值

auto    : 取计算机值
length  : 由浮点数字和单位标识符组成的长度值 | 百分数。
            百分数是基于父对象的高度。除了内联对象外支持使用负数值。
            请参阅 长度单位。

使用说明

检索或设置对象顶边的外补丁。
在IE4.0+中你可以使用 em 和 ex 单位。在IE4.0+中此属性不支持用于 td 和 th 对象。要设置单元格内的外补丁,请使用单元格内的如 div 、 p 等类型对象的此属性。在IE5.5+中此属性支持内联对象使用。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。

对于内联对象来说,此属性被提供的值是用于计算环绕内联对象的边框区域的。不会影响内联对象所在行的高度( height )。外补丁总是透明( transparent )的。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为 marginTop 。
 
代码示例 

  1.                            
  2. body { margin: 36pt 24pt 36pt; }      
  3. body { margin-top: 11.5%; }      
  4. body { margin: 10% 10% 10% 10%; }      
  5.  
  6.     

  【编辑推荐】

  1. DIV CSS网页布局开发参考规范
  2. IE6.0对padding的解读分析
  3. DIV+CSS网页错位诊断和解决方法
  4. Float构建三栏DIV CSS网页布局
  5. 技术分享 如何使用CSS控制超链接文字样式

 

 

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

2010-08-25 10:46:53

margin-topCSS

2010-08-25 09:48:25

CSSmargin

2010-09-13 17:15:59

margin-top

2010-08-26 13:54:33

Firefoxmargin-top

2010-08-25 09:43:42

margin

2010-08-30 16:53:14

FirefoxIE8margin-top

2010-08-31 09:19:46

margin-topFirefox

2010-08-25 09:37:39

margin

2010-09-08 09:28:33

CSSmargin-top

2010-08-31 09:13:00

margin-top

2010-08-25 09:30:56

marginCSS

2010-09-16 10:57:15

paddingmarginCSS

2010-08-31 09:06:25

Firefox margin-top

2010-08-31 08:51:58

marginCSS

2010-08-25 09:25:13

CSSmargin

2010-08-25 08:57:33

marginpadding

2010-08-23 15:40:18

MarginBorderPadding

2010-09-03 10:24:01

CSSmargin

2010-08-23 09:01:45

MarginPadding

2010-08-26 10:08:50

CSSmargin
点赞
收藏

51CTO技术栈公众号