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

推荐订阅源

D
Docker
爱范儿
爱范儿
人人都是产品经理
人人都是产品经理
博客园 - 司徒正美
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
量子位
罗磊的独立博客
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
小众软件
小众软件
C
Cybersecurity and Infrastructure Security Agency CISA
Cyberwarzone
Cyberwarzone
大猫的无限游戏
大猫的无限游戏
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
雷峰网
雷峰网
Simon Willison's Weblog
Simon Willison's Weblog
The Cloudflare Blog
博客园 - 三生石上(FineUI控件)
D
Darknet – Hacking Tools, Hacker News & Cyber Security
C
Cyber Attacks, Cyber Crime and Cyber Security
博客园_首页
博客园 - 叶小钗
V
Vulnerabilities – Threatpost
T
The Exploit Database - CXSecurity.com
T
Tailwind CSS Blog
IT之家
IT之家
博客园 - 聂微东
Spread Privacy
Spread Privacy
V2EX - 技术
V2EX - 技术
S
Security Affairs
宝玉的分享
宝玉的分享
V
V2EX
C
Cisco Blogs
博客园 - Franky
美团技术团队
酷 壳 – CoolShell
酷 壳 – CoolShell
月光博客
月光博客
S
Securelist
J
Java Code Geeks
Webroot Blog
Webroot Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
P
Proofpoint News Feed
Last Week in AI
Last Week in AI
L
LINUX DO - 热门话题
NISL@THU
NISL@THU
WordPress大学
WordPress大学
W
WeLiveSecurity
T
Threatpost
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
腾讯CDC
阮一峰的网络日志
阮一峰的网络日志

博客园 - 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这两个网页之间的边框消失不见了,看上去就像一个网页一样。

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