iframe去邊框,無邊框,使用大全

<iframe src=”you page’s url” width=”100″ height=”30″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”></iframe>


<iframe runat="server" src="you page's url" width="750" height="30" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>

runat="server" 這個最好加上Iframe跳轉 asp.net  可在當前iframe中跳轉

src 鏈接到的地址URl

frameborder 是否顯示邊框(0無邊框 1有邊框)

scrolling 是否有滾動條(yes有滾動條 no無滾動條)

allowtransparency 背景是否透明(yes透明 no不透明)


iframe並不是很常用的,在標準的網頁中非常少用。把iframe解釋成“瀏覽器中的瀏覽器“是很恰當的。<iframe>也應該是框架的一種形式,它與<frame>不同的是,iframe可以嵌在網頁中的任意部分。例如:
<iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"></iframe>

SRC=URI 嵌入式櫃架的頁面文件路徑 
NAME=CDATA 嵌入式櫃架的名字 
LONGDESC=URI 描述 
WIDTH=Length 寬度 
HEIGHT=Length 高度 
ALIGN=[ top | middle | bottom | left | right ] 對齊方式 
FRAMEBORDER=[ 1 | 0 ] 櫃架邊框 
MARGINWIDTH=Pixels 左右空出寬度 
MARGINHEIGHT=Pixels 上下空出的高度 
SCROLLING=[ yes | no | auto ] 流動條(yes強制顯示|no永不顯示|auto自動)

Iframe標記的使用格式是: 
<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x" name="main"></iframe> 
src:文件的路徑,既可是HTML文件,也可以是文本、ASP等; 
width、height:"內部框架"區域的寬與高; 
scrolling:當SRC的指定的HTML文件在指定的區域不顯不完時,滾動選項,如果設置爲NO,則不出現滾動條;如爲 Auto:則自動出現滾動條;如爲Yes,則顯示; 
FrameBorder:區域邊框的寬度,爲了讓“內部框架“與鄰近的內容相融合,常設置爲0。 
name:框架的名字,用來進行識別。

<iframe>用於設置文本或圖形的浮動圖文框或容器。 

border 
<iframe border="3"></iframe> 
設定圍繞圖文框的邊緣寬度 

frameboder 
<iframe frameboder="0"></iframe> 
設置邊框是不否爲3維(0=否,1=是) 

height,width 
<iframe height="31" width="88"></iframe> 
設質邊框的寬度和高度 

scrolling 
<iframe scrolling="no"></iframe> 
是否有滾動條(yes,no,auto) 

src 
<iframe src="girl.gif"></iframe> 
指定iframe調用的文件或圖片(html,htm,gif,jpeg,jpg,png,txt,*.*) 

注意事項: 
一個浮動框架不需要通過<frameset>元素聲明爲框架設置的一部分; 
WebTV和Netscape 4.x(4.0 到 4.75)不支持浮動框架。 
在HTML4.01嚴格規範中,<iframe>元素沒有被定義。浮動框架可以使用<div>元素和CSS定位方法來模仿實現。


浮動幀標記Iframe的屬性: 

1、文件位置:   
語法:src=url   
說明:url爲嵌入的HTML文件的位置,可以是相對地址,也可以是絕對地址。   
示例:<iframe   src="iframe.html">  


2、對象名稱:   
語法:name=#   
說明:#爲對象的名稱。該屬性給對象取名,以便其他對象利用。   
示例:<iframe   src="iframe.html"   name="iframe1">  

 
3、ID選擇符:   
語法:id=#   
說明:指定該標記的唯一ID選擇符。   
示例:<iframe   src="iframe.html"   id="iframe1">  

4、容器屬性:   
語法:height=#   width=#   
說明:該屬性指定浮動幀的高度和寬度。取值爲正整數(單位爲像素)或百分數。   
height:指定浮動幀的高度;   
width:指定浮動幀的寬度。   
示例:<iframe   src="iframe.html"   height=400   width=400>  


5、尺寸調整:   
語法:noresize   
說明:IE專有屬性,指定浮動幀不可調整尺寸。   
示例:<iframe   src="iframe.html"   noresize>  

6、邊框顯示:   
語法:frameborder=0、1   
說明:該屬性規定是否顯示浮動幀邊框。   
0:不顯示浮動幀邊框;   
1:顯示浮動幀邊框。   
示例:<iframe   src="iframe.html"   frameborder=0>   
<iframe   src="iframe.html"   frameborder=1>  


7、邊框厚度:   
語法:border=#   
說明:該屬性指定浮動幀邊框的厚度,取值爲正整數和0,單位爲像素。爲了將浮動幀與頁面無縫結合,border一般等於0。   
示例:<iframe   src="iframe.html"   border=1>  


8、邊框顏色:   
語法:bordercolor=color   
說明:該屬性指定浮動幀邊框的顏色。color可以是RGB色(RRGGBB),也可以是顏色名。   
示例:<iframe   src="iframe.html"   bordercolor=red>  

9、對齊方式:   
語法:align=left、right、center   
說明:該屬性指定浮動幀與其他對象的對齊方式。   
left:居左;   
right:居右;   
center:居中。   
示例:<iframe   src="iframe.html"   align=left>   
<iframe   src="iframe.html"   align=right>   
<iframe   src="iframe.html"   align=center>  


10、相鄰間距:   
語法:framespacing=#   
說明:該屬性指定相鄰浮動幀之間的間距。取值爲正整數和0,單位爲像素。   
示例:<iframe   src="iframe.html"   framespacing=10>  

 
11、內補白屬性:   
語法:hspace=#   vspace=#   
說明:該屬性指定浮動幀內的邊界大小。取值爲正整數和0,單位爲像素。兩個屬性應同時應用。   
hspace:浮動幀內的左右邊界大小;   
vspace:浮動幀內的上下邊界大小。   
示例:<iframe   src="iframe.html"   hspace=1   vspace=1>  


12、外補白屬性:   
語法:marginheight=#   marginwidth=#   
說明:該屬性指定浮動幀的邊界大小。取值爲正整數和0,單位爲像素。兩個屬性應同時應用。     
marginheight:浮動幀的左右邊界大小;   
marginwidth:浮動幀的上下邊界大小。   
示例:<iframe   src="iframe.html"   marginheight=1   marginwidth=1>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章