css中的margin属性详解 css margin属性

上一篇我们介绍了css中padding属性,这篇主要介绍margin属性,它们两个有很相似之处.对div布局都有很中要的作用,调整间隙大小等等.

margin

css中的margin属性详解 css margin属性
语法:

margin : auto | length

参数:

auto :  值被设置为相对边的值

length :  由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。对于内联对象来说,左右外延边距可以是负数值。请参阅长度单位

说明:

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

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

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

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

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

内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。

在IE4+,margin属性不可用于td和tr对象。

外延边距始终透明。

对应的脚本特性为margin。

关于对象的尺寸与边框,内外补丁等样式表属性的关系,请参看图例以及height和width属性。

示例:

body { margin: 36pt 24pt 36pt; }

body { margin: 11.5%; }

body { margin: 10% 10% 10% 10%; }ks-blog

margin-top

语法:

margin-top : auto | length

参数:

auto :  值被设置为相对边的值

length :  由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的高度。

说明:

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

内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。

在IE4+,margin属性不可用于td和tr对象。

外延边距始终透明。

对应的脚本特性为marginTop。

示例:

body { margin-top: 11.5%; }ks-blog

margin-right

语法:

margin-right : auto | length

参数:

auto :  值被设置为相对边的值

length :  由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的高度。

说明:

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

内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。

在IE4+,margin属性不可用于td和tr对象。

外延边距始终透明。

对应的脚本特性为marginRight。

示例:

body { margin-right: 11.5%; }ks-blog

margin-bottom

语法:

margin-bottom : auto | length

参数:

auto :  值被设置为相对边的值

length :  由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。

说明:

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

内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。

在IE4+,margin属性不可用于td和tr对象。

外延边距始终透明。

对应的脚本特性为marginBottom。

示例:

body { margin-bottom: 11.5%; }ks-blog

margin-left

语法:

margin-left : auto | length

参数:

auto :  值被设置为相对边的值

length :  由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的高度。

说明:

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

内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。

在IE4+,margin属性不可用于td和tr对象。

外延边距始终透明。

对应的脚本特性为marginLeft。

示例:

body { margin-left: 11.5%; }ks-blog

  

爱华网本文地址 » http://www.aihuau.com/a/25101014/201733.html

更多阅读

网页中的框架应用详解 spring框架详解

框架标记<frameset>??? 在HTML中,使用框架标记<frameset>可以将一个窗口分割成儿个子窗口,以便在每个窗口中同时显示几个不同的HTML文件。??? 框架结构的文件格式与一般的HTML文件类似,只是将<frameset>标记代替了<body>标记,它不包含具

简单三步发胶的使用方法详解 发胶抓头发步骤图

发胶的使用方法是比较讲究的哦!用得过多会刺激到头层皮肤,用得过少有达不到使用发胶的效果,以下寻美网带给大家的发胶的使用方法详解!简单三步发胶的使用方法详解——工具/原料发胶吹风机水简单三步发胶的使用方法详解——步骤/方法简单

扫描仪怎么用——扫描仪的使用方法详解 canon扫描仪使用方法

扫描仪怎么用——扫描仪的使用方法详解——简介扫描仪作为日常办公经常用到的工具,下面详解一下具体的使用方法,现在打印机也开始走向家庭了,而现在的打印机有不少都是一体机,有附带扫描以及复印传真等功能,下面一步步跟我来扫描吧。扫

12593和17951的区别图文详解 git使用教程图文详解

12593和17951的区别(图文详解)——简介在使用手机通信时经常会听到12593和17951,可能大家在使用的时候都知道在电话号码前加上17951或12593在通话时可以享受通话优惠,但是可能很大一部分人都不知道什么时候该使用17951,什么时候该使用125

csol中加特林详解 csol格林炮和加特林

上面为仓库属性图csol中加特林详解——步骤/方法csol中加特林详解 1、散弹类武器数据表伤害,商城里显示的是百分之48,实际上是6个弹丸,每个弹丸17的伤害,近身。装甲修正值在0.44左右,距离修正因为霰弹的特殊性未加以评测,但是通过大量实战

声明:《css中的margin属性详解 css margin属性》为网友痛快尒分享!如侵犯到您的合法权益请联系我们删除