9.2　设置框架集的属性frameset

框架页面的结构是在框架集中设置的，可以根据框架的分割方式分为水平分割窗口、垂直分割窗口和嵌套分割窗口。

9.2.1　水平分割窗口rows

水平分割窗口是将页面沿水平方向切割，也就是将页面分成上下排列的多个窗口。

语法：

说明：

在该语法中，rows中可以取多个值，它由逗号分割的像素值或百分比组成。

举例：

在代码中加粗部分的代码标记是设置水平分割，在浏览器中预览，可以看到页面被分为上下两个窗口，如图9.1所示。

图9.1　水平分割效果

9.2.2　垂直分割窗口cols

cols属性指定了垂直框架的布局方法，它将页面沿垂直方向分割成多个窗口，由一组用逗号分隔的像素值、百分比值或相对度量值组成列表。

语法：

说明：

cols可以取多个值，每个值表示一个框架窗口的水平宽度，它的单位可以是像素，也可以是占浏览器的百分比。

举例：

在代码中加粗的代码标记是设置框架的垂直分割，在浏览器中预览效果，如图9.2所示。

图9.2　垂直分割效果

9.2.3　嵌套分割窗口

嵌套分割窗口就是在一个页面中，既有水平分割的框架，又有垂直分割的框架。

语法：

举例：

在代码中加粗部分的代码标记是设置嵌套分割窗口，在浏览器中预览效果，如图9.3所示。

图9.3　嵌套分割窗口效果

9.2.4　框架的边框frameborder

在默认情况下，浏览器总是给每一个框架结构加上一条有明显宽度的边框。通过frameborder可以控制边框的显示或隐藏。

语法：

说明：

frameborder的取值只能为0、1，或者是yes、no。如果取值为0或no，那么边框将会隐藏；如果取值为1或yes，边框将会显示。在frameset中设置将会对整个框架集有效，在frame中设置则只对当前框架有效。

举例：

在代码中加粗部分的标记为设置框架的边框，此处将边框设置为1像素以显示边框效果，在浏览器中预览，如图9.4所示。

图9.4　设置框架边框

提示

如果想要不显示边框，最好把相邻框架的边框都设置为不显示。

9.2.5　框架的边框宽度framespacing

在默认情况下框架的边框宽度是1，通过framespacing可以调整边框的宽度。

语法：

说明：

边框宽度就是在页面中各个边框之间的线条宽度，以像素为单位。边框宽度只能对框架集使用，对单个框架无效。

举例：

在代码中加粗部分的标记为设置框架的边框宽度，在浏览器中预览将边框宽度设置为5像素的效果，如图9.5所示。

图9.5　设置框架的边框宽度效果

9.2.6　框架的边框颜色bordercolor

通过bordercolor可以设置框架集的边框颜色。

语法：

举例：

在代码中加粗部分的标记为设置框架边框的颜色，在浏览器中预览可以看到边框的颜色设置为紫色的效果，如图9.6所示。

图9.6　设置边框的颜色