framespaing、frameborder和border关系

来源：互联网发布：西安软件新城 2017 编辑：程序博客网时间：2024/05/17 11:36

框架集中framespacing、border和frameborder属性的关系一、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这两个网页之间的边框消失不见了，看上去就像一个网页一样。
请分清这两种情况，然后在网页制作中，根据具体的情况进行选择！