起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > Web前端 > CSS margin属性如何掌握

CSS margin属性如何掌握

时间:2019-03-14 17:54:04来源:WEB前端网 作者:IT培训网 已有: 名学员访问该课程

  快捷搜索:margin(1)

前言:CSS margin属性定义及使用说明: margin简写属性在一个声明中设置所有外边距属性。该属性可以有1到4个值。

CSS margin属性如何掌握,怎么样学习CSS margin属性知识点?

实例

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


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

尝试一下 »


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"

CSS margin浏览器支持

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

属性          
margin 1.0 6.0 1.0 1.0 3.5

CSS margin属性值

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

 

来源地址:http://www.epx365.cn/peixun/web/201947267.html

来源标题:CSS margin属性如何掌握


你也许会喜欢如下的文章?
(责任编辑:IT培训网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
培训学校
IT培训网 访问该机构站点 报名留言 加为好友 用户等级:注册会员 用户级别:10 机构名称:IT培训网 联 系 人:罗老师 联系电话: 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 电子邮件:3158895217@qq.com 网站域名:http://www.cnitedu.cn 注册时间:2016-07-18 11:07 最后登录:2019-03-15 14:03