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>

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的属性：

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>

转载出处：http://www.cnblogs.com/kingboy2008/archive/2011/05/10/2055545.html

iframe边框使用详解相关推荐

html中以菱形为边框,深入浅析css3 border-image边框图像详解
我的作风:首先给大家作自我介绍 hello,大家好,我叫小黑,也叫xiaoho,目前喜欢并从事写页面.因为不喜欢在那些类似BBS型的论坛上发帖,所以之前在 html-js 上发表几篇戳文,现在申请了前 ...
CSS3: border-radius边框圆角详解
border-radius 基本语法: border-radius : none | <length>{1,4} [/ <length>{1,4} ]? 取值范围: <l ...
CSS3中的圆角边框属性详解(border-radius属性)
实例向 div 元素添加圆角边框: div { border:2px solid; border-radius:25px; } 页面底部有更多实例. 浏览器支持 IE Firefox Chrome ...
ios view添加上边框_iOS开发之如何给View添加指定位置的边框线详解
本文主要给大家介绍了关于iOS如何给View添加指定位置边框线的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 略微封装了一下,给View添加指定位置的边框线,其中位移枚举 ...
html正方形边框，详解HTML设置边框的三种方式（html画方框用border）
代码如下 <!DOCTYPE html> <html> <head> <style> .square{ ...
CSS3中（border-radius）边框圆角详解
传统的圆角生成方案,必须使用多张图片作为背景图案.CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,只需要border-radius属性,支持浏览器IE 9.Opera 10.5.Safari ...
CSS3_边框 border 详解_一个 div 的阴阳图
(面试题) 怎么样通过 CSS 画一个三角形: 1. 元素的 width 和 height 设置为 0 2. 边框足够大 3. 需要的三角形的部分, border-top-color 设置为 ...
jsp去掉input边框_详解移动端HTML5页面端去掉input输入框的白色背景和边框（兼容Android和ios）...
前两天在开发在微信访问的HTML5页面,里面有个订单查询要选择时间,刚开始使用的输入框,没加任何的样式,效果是白色的背景再加上边框很丑,完全与整个背景不协调. 刚开始设置了输入框背景色透明(backg ...
css3边框阴影详解
https://www.cnblogs.com/nyw1983/p/11348568.html

iframe边框使用详解

iframe边框使用详解相关推荐

最新文章

热门文章