CSS margin-bottom 属性
定义
margin-bottom 属性设置元素的下外边距。
注释:允许使用负值。
继承性:NO
JavaScript 语法
CSS 属性也可通过一段 JavaScript 被动态地改变。
脚本语法:
object.style.marginBottom="32px"
例子
四个边距均为10px:
h1{
margin-bottom
:10px;
}
h1{
margin-bottom
:-20px;
}
顶边距和底边距为10px,左边距和右边距是父元素宽度的2%:
h1{margin
:10px 2%;}
顶边距为10px,左边距和右边距是父元素宽度的2%,底边距是-10px:
h1{margin
:10px 2% -10px;}
顶边距为10px,右边距是父元素宽度的2%,底边距是-10px,而左边距由浏览器设置:
h1{margin
:10px 2% -10px auto;}
可能的值
值 | 描述 |
---|---|
auto | 浏览器设置的一个下外边距。 |
length | 定义一个固定的下外边距。默认值是0。 |
% | 定义基于父对象总高度的百分比下外边距。 |