frameset属性相关设置

来源:互联网 发布:linux中编辑文件命令 编辑:程序博客网 时间:2024/05/01 17:29

原文地址:http://blog.csdn.net/angle860123/article/details/7795572

frameset属性相关设置:

可以设置是否显示边框线,还可以设置边框的宽度和颜色。

1、frameborder属性

frameborder属性用于设置是否显示边框线,语法格式为:

<frameset frameborder = 是否显示>或<frame frameborder = 是否显示>

frameborder的取值只能为0或1,1为默认值,表示显示;如果为0,则边框线会隐藏起来。在<frameset>中设置将对整个框架有效,在<frame>中设置则只对当前这个框架有效。
【例6】框架边框。

<html>
<head>
<title>itsway -- 框架</title>
</head>
<frameset rows = "20%, 50%, 30%">
<frame frameborder = "1"> <!--默认值-->
<frameset cols = "35%,65%" frameborder = "0"> <!--无边框-->
<frame>
<frame>
</frameset>
<frame>
</frameset>
</html>

可以看到页面中间部分的边框被隐藏起来了。在IE浏览器中,当鼠标移动到窗口中间时会变成双箭头形状,此时按下鼠标就可以调整各窗格大小了,如下图所示。但在Firefox和Netscape中无效。

HTML教程

2、framespacing属性

当框架有边框时,边框宽度在默认情况下是1像素。IE规定,通过framespacing属性还可以调整其大小,格式为:

<frameset framespacing = 边框宽度>

边框宽度就是在页面中各个边框之间的线条宽度,以像素为单位,并且这一属性只能在<frameset>中使用,对单个<frame>无效。
【例7】框架宽度。

<html>
<head>
<title>itsway -- 框架</title>
</head>
<frameset rows = "30%, *" framespacing = "5">
<frame>
<frameset cols = "20%,*,20%" framespacing = "20">
<frame>
<frame>
<frame>
</frameset>
<frame>
</frameset>
</html>

注意,此属性只在IE中有效,在Netscape、Firefox中无效。

3、bordercolor属性

使用bordercolor属性可以设置框架集的边框颜色,格式为:

<frameset bordercolor = 边框颜色>

这一属性只能在<frameset>中使用,对单个<frame>无效。  【例8】框架边框颜色。

<html>
<head>
<title>itsway -- 框架</title>
</head>
<frameset rows = "30%, *" framespacing = "5" bordercolor = "#cc99ff">
<frame>
<frameset cols = "20%,*,20%" framespacing = "20" bordercolor = "red">
<frame>
<frame>
<frame>
</frameset>
<frame>
</frameset>
</html>

在Firefox中的显示结果如下图所示。

HTML教程

bordercolor属性在IE、Netscape和Firefox中都有效。但正如上图所显示的那样,framespacing属性在Firefox和Netspace中无效(在Netscape中的显示图略)。

4、scrolling和noresize属性

<frame>标记还有scrolling和noresize属性。scrolling用来指定是否显示滚动轴,取值可以为:
● yes:显示滚动轴。
● no:不显示滚动轴。
● auto:若需要则会自动显示滚动轴,不需要则自动不显示,是默认值。
noresize属性直接加入<frame>标志中即可使用,不需赋值,它用来禁止用户调整一个框架的大小。
【例9】使用scrolling和noresize属性。

<html>
<head>
<title>itsway -- 框架</title>
</head>
<frameset cols = "150, *, 200">
<frame scrolling = "yes" noresize src = "chap8_cat1.html">
<frame scrolling = "no" src = "chap8_cat2.html">
<frame scrolling = "auto" src = "chap8_cat3.html">
</frameset>
</html>

可以看出,当设置scrolling为yes时,滚动轴总会存在;当设置scrolling为no时,窗格中无滚动轴;设置scrolling为auto时,滚动轴会在需要的时候自动添加。读者可以缩放窗口自己试验。

原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 好多工厂外包工不交社保怎么办 外包公司没有交社保怎么办 外包公司不给交社保怎么办 银行取100万现金怎么办 给老外发警告信后怎么办 照片上传是歪的怎么办 日亚不能直邮的怎么办 电话信息被卖了怎么办 被亚马逊跟卖了怎么办 玉米出芽后土壤不够湿怎么办 雨伞请输入授权码怎么办 网页放手机端后看不了怎么办 微信收款码存在违法行为怎么办 tst优惠码密码忘了怎么办 扩展器登录不上怎么办 微信学法小程序积分不更新怎么办 开发商不给办房产证怎么办 传淘宝产品规格不匹配怎么办 刚买的手机想退怎么办 空调主机空间不足不散热怎么办 lol网速快延迟高怎么办 4g手机延迟高怎么办 天气冷鼻炎就犯怎么办 天气冷宝宝发烧了怎么办 wp手机开机忘记了密码怎么办 微商退货不退款怎么办 微商退货了不退款怎么办 微商退货后不退款怎么办 有赞买东西付款没发货怎么办 赞礼号掉了东西怎么办 万达贷系统维护还不了款怎么办 qq文件发不出去怎么办 1688分销没有传淘宝怎么办 京东的货运代理怎么办 天天练推广期没了怎么办 微信自动建群怎么办 刚刚不小心扫了无痕爆客怎么办 苹果6升级卡死怎么办 随行付换手机了怎么办 融e联账号冻结怎么办 58同城高危账户怎么办