一、framespacing和border屬性
我們知道,使用border屬性是設(shè)置邊框的寬度的。參考示例:HTML4.01教程:窗口框架設(shè)置窗口邊框的粗細(xì)示例。
同樣,使用framespacing屬性也是設(shè)置邊框的寬度的。參考使用framespacing屬性設(shè)置框架集邊框?qū)挾?/a>。
不論單獨(dú)使用哪一個(gè)屬性,顯示的效果都是一樣的。
而在Dreamweaver中,一旦在“屬性”欄中設(shè)置了邊框的寬度,則會(huì)同時(shí)使用這兩個(gè)屬性來(lái)表示。代碼如下:
<html> <head> <title>框架集中framespacing、border和frameborder屬性的關(guān)系示例-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>您的瀏覽器無(wú)法處理框架!</body> </noframes> </html>
查看代碼效果:框架集中framespacing、border和frameborder屬性的關(guān)系示例
同時(shí)使用這兩個(gè)屬性和單獨(dú)使用任一個(gè)屬性,顯示的效果也是一樣的。
在這里,需要注意:
- 如果framespacing屬性的值不變,而改變borer屬性值的大小,顯示的效果不變。
- 如果border屬性的值不變,而改變framespacing屬性值的大小,顯示的效果則以framespacing的大小為準(zhǔn)。
因此,在框架集中,需要修改邊框的寬度時(shí),應(yīng)該以framespacing屬性為主。
二、frameborder屬性與framespacing和border屬性
下面來(lái)討論frameborder屬性與framespacing和border屬性的關(guān)系。
關(guān)于frameborder屬性,請(qǐng)參考隱藏窗口邊框。當(dāng)frameborder="1"時(shí),表示顯示框架的邊框,因?yàn)樗悄J(rèn)值,所以不必設(shè)置。而當(dāng)frameborder="0"時(shí),會(huì)出現(xiàn)兩種情況:
這里以同時(shí)設(shè)置framespacing和border屬性為例。當(dāng)然,單獨(dú)使用任一個(gè)屬性,效果也是一樣的。
1. 當(dāng)framespacing和border屬性設(shè)置為一個(gè)大于0的數(shù)時(shí)
會(huì)出現(xiàn)下面的情況:
<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屬性的關(guān)系示例(二)
此時(shí),雖然不顯示框架的邊框,但是邊框占據(jù)的空間還是存在的。它也會(huì)影響網(wǎng)頁(yè)的布局。
2. 當(dāng)framespacing和border屬性設(shè)置為0時(shí)
會(huì)出現(xiàn)下面的情況:
<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屬性的關(guān)系示例(三)
我們發(fā)現(xiàn),F(xiàn)rame_b.html和Frame_c.html這兩個(gè)網(wǎng)頁(yè)之間的邊框消失不見(jiàn)了,看上去就像一個(gè)網(wǎng)頁(yè)一樣。
請(qǐng)分清這兩種情況,然后在網(wǎng)頁(yè)制作中,根據(jù)具體的情況進(jìn)行選擇!
三、相關(guān)閱讀