CSS属性汇总--(2)Margin Padding
精选 转载CSS margin 属性
CSS padding 属性
margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。
注释:允许使用负值。
例子1:
margin:10px 5px 15px 20px;
表示: 上边距 10
右边距 5
下边距 15
左边距 20
例子2:
margin:10px 5px;
表示:上,下边距:10
左,右边距:5
例子3:
margin:10px;
表示:所有边距都是10
以上所有表示,外边距单位都是像素,当然也可以使用其他单位。
首先,可以使用 auto,表示该方向外边距由浏览器计算;
其次,可以使用绝对单位,例如上面例子里面的px,也可以用cm
再次:可以用%+数字,表示基于父元素宽度的百分比的外边距
最后,可以用 inherit ,表示该属性完全由父元素继承。
这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。
注释:不允许使用负值。
该属性的值的设置方法与Margin完全相同
上一篇:CSS属性汇总--(1)背景属性
下一篇:CSS属性汇总--(3) 伪类
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
CSS中margin和padding的区别
本文导读:padding margin都是边距的含义,关键问题得明白是什么相对什么的边距.padding是控件的内容相对控件
css margin padding jeecg 外边距