转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
CSS方框属性         ★★★★

CSS方框属性

作者:闵涛 文章来源:闵涛的学习笔记 点击数:589 更新时间:2009/4/23 13:46:33

上边界

语法:  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
 
适用于:  所有对象
 
向下兼容:  否
 





[网页制作]Dreamweaver MX 2004 CSS使用教程之CSS方框属性  
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

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

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

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

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台