惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

F
Fortinet All Blogs
爱范儿
爱范儿
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
B
Blog
WordPress大学
WordPress大学
Jina AI
Jina AI
GbyAI
GbyAI
aimingoo的专栏
aimingoo的专栏
N
Netflix TechBlog - Medium
腾讯CDC
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
阮一峰的网络日志
阮一峰的网络日志
The GitHub Blog
The GitHub Blog
V
Visual Studio Blog
Google DeepMind News
Google DeepMind News
月光博客
月光博客
博客园 - Franky
Y
Y Combinator Blog
MyScale Blog
MyScale Blog
大猫的无限游戏
大猫的无限游戏
Martin Fowler
Martin Fowler
雷峰网
雷峰网
小众软件
小众软件
H
Hackread – Cybersecurity News, Data Breaches, AI and More

博客园 - Lavenders

Java 正则表达式 量词 --- 三种匹配模式【贪婪型、勉强型、占有型】 信号量与PV操作 java的(PO,VO,TO,BO,DAO,POJO)解释 使用Application对象简单完成网站总访问人数的统计 更新记录后关闭子窗口并刷新父窗口的Javascript jquery jqPlot API 中文使用教程 一款基于bootstrap的datetimepicker ASP.NET下CKEditor3.6.4结合CKFinder2.3实现文本编辑器的上传功能 VS2010创建Web Service程序 【原创】VS2010中水晶报表与VS2008水晶报表版本冲突问题 【转】XSL和XSLT jQuery历史版本 【转】让Iframe自适应高度 【转】Meta标签详解 ASP.NET保存信息总结(Application、Session、Cookie、ViewState和Cache等) . 【原创】VS2008 Web应用程序带数据库制作安装程序 asp.net中的缓存(三)应用程序数据缓存 asp.net中的缓存(二)局部数据缓存 asp.net中的缓存(一)页面输出缓存
【转】框架集中framespacing、border和frameborder属性的关系
Lavenders · 2012-04-09 · via 博客园 - Lavenders

一、framespacing和border属性

我们知道,使用border属性是设置边框的宽度的。参考示例:HTML4.01教程:窗口框架设置窗口边框的粗细示例

同样,使用framespacing属性也是设置边框的宽度的。参考使用framespacing属性设置框架集边框宽度

不论单独使用哪一个属性,显示的效果都是一样的。

而在Dreamweaver中,一旦在“属性”栏中设置了边框的宽度,则会同时使用这两个属性来表示。代码如下:

<html>
<head>
<title>框架集中framespacing、border和frameborder属性的关系示例-baike369.com</title>
</head>
  <frameset cols="40%,*">
  <frame src="append/Frame_a.html" />
    <frameset rows="40%,*" framespacing="50" border="50">
    <frame src="append/Frame_b.html" />
    <frame src="append/Frame_c.html" />
    </frameset>
  </frameset>
  <noframes>
  <body>您的浏览器无法处理框架!</body>
  </noframes>
</html>

查看代码效果:框架集中framespacing、border和frameborder属性的关系示例

同时使用这两个属性和单独使用任一个属性,显示的效果也是一样的。

在这里,需要注意:

  • 如果framespacing属性的值不变,而改变borer属性值的大小,显示的效果不变。
  • 如果border属性的值不变,而改变framespacing属性值的大小,显示的效果则以framespacing的大小为准。

因此,在框架集中,需要修改边框的宽度时,应该以framespacing属性为主。

二、frameborder属性与framespacing和border属性

下面来讨论frameborder属性与framespacing和border属性的关系。

关于frameborder属性,请参考隐藏窗口边框。当frameborder="1"时,表示显示框架的边框,因为它是默认值,所以不必设置。而当frameborder="0"时,会出现两种情况:

这里以同时设置framespacing和border属性为例。当然,单独使用任一个属性,效果也是一样的。

1. 当framespacing和border属性设置为一个大于0的数时

会出现下面的情况:

<frameset cols="40%,*">
<frame src="append/Frame_a.html" />
<frameset rows="40%,*" framespacing="80" border="80" frameborder="0">
<frame src="append/Frame_b.html" />
<frame src="append/Frame_c.html" />
</frameset>
</frameset>

查看代码效果:框架集中framespacing、border和frameborder属性的关系示例(二)

此时,虽然不显示框架的边框,但是边框占据的空间还是存在的。它也会影响网页的布局。

2. 当framespacing和border属性设置为0时

会出现下面的情况:

<frameset cols="40%,*">
<frame src="append/Frame_a.html" />
<frameset rows="40%,*" framespacing="0" border="0" frameborder="0">
<frame src="append/Frame_b.html" />
<frame src="append/Frame_c.html" />
</frameset>
</frameset>

查看代码效果:框架集中framespacing、border和frameborder属性的关系示例(三)

我们发现,Frame_b.html和Frame_c.html这两个网页之间的边框消失不见了,看上去就像一个网页一样。

请分清这两种情况,然后在网页制作中,根据具体的情况进行选择!