CSS边界与填充

上边界
语法:
margin-top: <值>
允许值:
<长度> | <百分比> | auto
初始值:
0
适用于:
所有元素
继承性:
否
上边界属性用一个指定的长度或百分比值来设置元素的上边界。百分比值参考上级元素的宽度。允许使用负值边际。
例如，以下的规则将消除文件的上边界。
BODY { margin-top: 0 }
注意如果边界在垂直方向邻接(重叠)了，会改用其中最大的那个边界值。
 
右边界
语法:
margin-right: <值>
允许值:
<长度> | <百分比> | auto
初始值:
0
适用于:
所有元素
继承性:
否
右边界属性用一个指定的长度或百分比值来设置元素的右边界。百分比值参考上级元素的宽度。允许使用负值边际。
例如:
P.narrow { margin-right: 50% }
注意如果边界在水平方向邻接(重叠)了，不会改用其它边界值。
 
下边界
语法:
margin-bottom: <值>
允许值:
<长度> | <百分比> | auto
初始值:
0
适用于:
所有元素
继承性:
否
下边界属性用一个指定的长度或百分比值来设置元素的下边界。百分比值参考上级元素的宽度。允许使用负值边际。
例如:
DT { margin-bottom: 3em }
注意如果边界在垂直方向邻接(重叠)了，会改用其中最大的那个边界值。
 
左边界
语法:
margin-left: <值>
允许值:
<长度> | <百分比> | auto
初始值:
0
适用于:
所有元素
继承性:
否
左边界属性用一个指定的长度或百分比值来设置元素的左边界。百分比值参考上级元素的宽度。允许使用负值边际。
例如:
ADDRESS { margin-left: 50% }
注意如果边界在水平方向邻接(重叠)了，不会改用其它边界值。
 
边界
语法:
margin: <值>
允许值:
[ <长度> | <百分比> | auto ]{1,4}
初始值:
未定义
适用于:
所有元素
继承性:
否
边界属性用一到四个值来设置元素的边界，每个值都是长度、百分比或者自动。百分比值参考上级元素的宽度。允许使用负值边际。
如果四个值都给出了，它们分别被应用于上、右、下和左边界。如果只给出一个值，它被应用于所有边界。如果两个或三个值给出了，省略了的值与对边相等。
边界声明包括以下例子：
BODY { margin: 5em }            
P    { margin: 2em 4em }        
DIV  { margin: 1em 2em 3em 4em }
注意如果边界在垂直方向邻接(重叠)了，会改用其中最大的那个边界值。而水平方向则不会。
 
上填充
语法:
padding-top: <值>
允许值:
<长度> | <百分比>
初始值:
0
适用于:
所有对象
继承性:
否
上填充属性描述上边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。
 
右填充,下填充,左填充分别为:padding-right; padding-bottom; padding-left.属性同padding-top.
 
填充
语法:
padding: <值>
允许值:
[ <长度> | <百分比 ]{1,4}
初始值:
0
适用于:
所有对象
继承性:
否
填充属性是上填充、右填充、下填充和左填充属性的略写。
一个元素的填充是边框和元素的内容之间的间隔的数值。可以给出从一到四的值，每个值可以是长度或百分比。百分比值参考上级元素的宽度。不能使用负值。
如果四个值都给出了，它们分别应用于上、右、下和左填充。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。
例如，以下的规则设置上填充为2em，右填充为4em，下填充为5em，左填充为4em:
BLOCKQUOTE { padding: 2em 4em 5em }