购物车
登陆 / 注册
微信扫码登陆

推荐手册

margin

margin
margin简写属性在一个声明中设置所有外边距属性。该属性可以有1到4个值。
编辑:前端控 前端控 更新时间:2019-01-26 17:53:04

CSS margin属性


属性定义及使用说明

margin简写属性在一个声明中设置所有外边距属性。该属性可以有1到4个值。

实例:

margin:10px 5px 15px 20px;

  • 上边距是 10px

  • 右边距是 5px

  • 下边距是 15px

  • 左边距是 20px

margin:10px 5px 15px;

  • 上边距是 10px

  • 右边距和左边距是 5px

  • 下边距是 15px)

margin:10px 5px;

  • 上边距和下边距是 10px

  • 右边距和左边距是 5px

margin:10px;

  • 所有四个边距都是 10px

注意: 负值是允许的。


默认值:0
继承:no
版本:CSS1
JavaScript 语法:object.style.margin="10px 5px"



浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。


属性
1.gif2.gif3.gif4.gif5.gif
margin1.06.01.01.03.5



属性值

描述
auto浏览器计算外边距。
length规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px。
%规定基于父元素的宽度的百分比的外边距。
inherit规定应该从父元素继承外边距。



设置一个p元素的所有四个边距:

实例

p 
{
margin:2cm 4cm 3cm 4cm;
}

运行实例 »

点击 "运行实例" 按钮查看在线实例

网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号