CSS边界与填充详解-优快云博客

上边界

上边界属性用一个指定的长度或百分比值来设置元素的上边界。百分比值参考上级元素的宽度。允许使用负值边际。

例如，以下的规则将消除文件的上边界。

BODY { margin-top: 0}

注意如果边界在垂直方向邻接(重叠)了，会改用其中最大的那个边界值。

右边界

右边界属性用一个指定的长度或百分比值来设置元素的右边界。百分比值参考上级元素的宽度。允许使用负值边际。

例如:

P.narrow {margin-right: 50% }

注意如果边界在水平方向邻接(重叠)了，不会改用其它边界值。

下边界

下边界属性用一个指定的长度或百分比值来设置元素的下边界。百分比值参考上级元素的宽度。允许使用负值边际。

例如:

DT { margin-bottom:3em }

注意如果边界在垂直方向邻接(重叠)了，会改用其中最大的那个边界值。

左边界

左边界属性用一个指定的长度或百分比值来设置元素的左边界。百分比值参考上级元素的宽度。允许使用负值边际。

例如:

ADDRESS {margin-left: 50% }

注意如果边界在水平方向邻接(重叠)了，不会改用其它边界值。

边界

边界属性用一到四个值来设置元素的边界，每个值都是长度、百分比或者自动。百分比值参考上级元素的宽度。允许使用负值边际。

如果四个值都给出了，它们分别被应用于上、右、下和左边界。如果只给出一个值，它被应用于所有边界。如果两个或三个值给出了，省略了的值与对边相等。

边界声明包括以下例子：

BODY { margin: 5em}

P { margin: 2em 4em}

DIV { margin: 1em 2em 3em 4em}

注意如果边界在垂直方向邻接(重叠)了，会改用其中最大的那个边界值。而水平方向则不会。

上填充

上填充属性描述上边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。

填充

填充属性是上填充、右填充、下填充和左填充属性的略写。

一个元素的填充是边框和元素的内容之间的间隔的数值。可以给出从一到四的值，每个值可以是长度或百分比。百分比值参考上级元素的宽度。不能使用负值。

如果四个值都给出了，它们分别应用于上、右、下和左填充。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。

例如，以下的规则设置上填充为2em，右填充为4em，下填充为5em，左填充为4em:

BLOCKQUOTE {padding: 2em 4em 5em }

css边界和填充