定义和用法
margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
说明
这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。
注释:允许使用负值。
例子 1
margin:10px 5px 15px 20px;
- 上外边距是 10px
- 右外边距是 5px
- 下外边距是 15px
- 左外边距是 20px
例子 2
margin:10px 5px 15px;
- 上外边距是 10px
- 右外边距和左外边距是 5px
- 下外边距是 15px
例子 3
margin:10px 5px;
- 上外边距和下外边距是 10px
- 右外边距和左外边距是 5px
例子 4
margin:10px;
默认值:
0 |
继承性:
no |
版本:
CSS1 |
JavaScript 语法:
object.style.margin="10px 5px" |
实例
设置 p 元素的 4 个外边距:
p
{
margin:2cm 4cm 3cm 4cm;
}
TIY
浏览器支持
所有浏览器都支持 margin 属性。
注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
可能的值
值
描述
auto |
浏览器计算外边距。 |
length |
规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px。 |
% |
规定基于父元素的宽度的百分比的外边距。 |
inherit |
规定应该从父元素继承外边距。 |
分享到:
相关推荐
CSS margin 属性 设置外边距的最简单的方法就是使用 margin 属性。 margin 属性接受任何长度单位,可以是像素、英寸、毫米或 em。 margin 可以设置为 auto。更常见的做法是为外边距设置长度值。下面的声明在 h1 元素...
本文将详细介绍css margin属性,需要了解其妙用的朋友可以参考下
边外补白只有宽度width一种属性. margin — 定义边外补白 取值: <margin>{1,4} | inherit <margin>{1,4}: 边外补白宽度 inherit: 继承 初始值: 0 继承性: 否 适用于: 所有元素,除了 table-caption, table
margin 属性是css用于在一个声明中设置所有 margin 属性的简写属性,包含了margin left/top/right/bottom/元素块距离,详细使用方法如下,感兴趣的朋友可以了解下哈
本文着重描述关于 margin,我们日常不太容易发现的“坑”...CSS margin 属性 关于 margin 属性,有几点可能跟我们的直觉不相符: 1、如果 margin 的值是百分比,则是相对于父元素的内容盒宽度来计算的,即使 margin-to
CSS3 动画属性(Animation) CSS 边框属性(Border 和 Outline) ...CSS 外边距属性(Margin) CSS 内边距属性(Padding) Paged Media 属性 Marquee 属性 多列属性(Multi-column) CSS 表格属性(Table)
css中padding、margin两个重要属性的详细介绍及举例说明
你真的了解margin吗?...写css,你少不了与margin打交道,而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打算写下这篇文章,一来是自己工作中的总结,也是对自己知识的一次梳理。 Margin是什么
父子元素margin重叠 ...以上这篇浅谈css margin重叠就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。 原文地址:http://www.cnblogs.com/lj1028/p/5683253.html
XML应用开发(软件品牌)-1期 4.9 课堂实践-使用CSS容器属性显示XML文档-边距属性margin和补白属性padding.doc 学习资料 复习资料 教学资源
XML应用开发(软件品牌)-1期 4.9 案例分析-使用CSS容器属性显示XML文档-边距属性margin和补白属性padding.doc 学习资料 复习资料 教学资源
...
...
margin通过使用单独的属性,可以对上、右、下、左的外边距进行设置。即:margin-top、margin-right、margin-bottom、margin-left。外边距的 margin-width 的值类型有:auto | length | percentage也可以使用简写的...
calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,你可以使用calc()给元素的border、margin、pading、font-size、width和height等属性设置动态值。 怎么使用 calc()可以使用数学运算中的简单加(+)、...
二是把知识分享出来,避免各位对margin属性的误解。内容可能会有点多,但都是精华,希望大家耐心学习。 以下的分享会分为如下内容: 1.margin 属性的简单介绍 1.1:普通流的 margin 百分比设置 1.2:绝对定位的 ...