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

來源:互聯網
上載者:User

標籤:

<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>

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.