9.方框属性_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

9.方框属性

作者：闵涛文章来源：闵涛的学习笔记点击数：775 更新时间：2009/4/23 13:47:43

上边界
语法: 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-width: <值>

允许值: thin | medium | thick | <长度>

初始值: medium

适用于: 所有对象

向下兼容: 否

上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。

也可以用在上边框、边框的宽度或边框的属性略写。

--------------------------------------------------------------------------------

右边框宽度
语法: border-right-width: <值>

允许值: thin | medium | thick | <长度>

初始值: medium

适用于: 所有对象

向下兼容: 否

右边框宽度属性用于指定元素的右边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。

也可以用在右边框、边框的宽度或边框的属性略写。

--------------------------------------------------------------------------------

下边框宽度
语法: border-bottom-width: <值>

允许值: thin | medium | thick | <长度>

初始值: medium

适用于: 所有对象

向下兼容: 否

下边框宽度属性用于指定元素的下边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。

也可以用在下边框、边框的宽度或边框的属性略写。

--------------------------------------------------------------------------------

左边框宽度
语法: border-left-width: <值>

允许值: thin | medium | thick | <长度>

初始值: medium

没有相关教程

教程录入：mintao 责任编辑：mintao

上一篇教程： 10.分类属性

下一篇教程： 8.行高

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……