日期:2013-06-19 浏览次数:21283 次
上边界
语法: 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 } /* 所有边界设为5em */
P { margin: 2em 4em } /* 上和下边界为2em,左和左边界为4em */
DIV { margin: 1em 2em 3em 4em } /* 上边界为1em,左边界为2em,下边界为3em,左边界为4em */
留意如果边界在垂直方向邻接(堆叠)了,会改用其中最大的那个边界值。而水平方向则不会。
使用边界属性可以一次性地设置所有边界;也可以选择使用上边界、下边界、左边界和左边界属性。
上补白
语法: padding-top: <值>
允许值: <长度> | <百分比>
初始值: 0
适用于: 所有对象
向下兼容: 否
上补白属性描述上边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。
右补白
语法: padding-right: <值>
允许值: <长度> | <百分比>
初始值: 0
适用于: 所有对象
向下兼容: 否
右补白属性描述左边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。
下补白
语法: padding-bottom: <值>
允许值: <长度> | <百分比>
初始值: 0
适用于: 所有对象
向下兼容: 否
下补白属性描述下边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。
左补白
语法: padding-left: <值>
允许值: <长度> | <百分比>
初始值: 0
适用于: 所有对象
向下兼容: 否
左补白属性描述左边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。
补白
语法: padding: <值>
允许值: [ <长度> | <百分比 ]{1,4}
初始值: 0
适用于: 所有对象
向下兼容: 否
补白属性是上补白、右补白、下补白和左补白属性的略写。
一个元素的补白是边框和元素的内容之间的间隔的数值。可以给出从一到四的值,每个值可以是长度或百分比。百分比值参考上级元素的宽度。不能使用负值。
如果四个值都给出了,它们分别使用于上、右、下和左补白。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。
例如,以下的规则设置上补白为2em,右补白为4em,下补白为5em,左补白为4em:
BLOCKQUOTE { padding: 2em 4em 5em }
上边框宽度
语法: border-top-wid