Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

<frameset>

<frameset
border=n
bordercolor=colour
class=type
cols=col-widths
frameborder=1|0
framespacing=spacing
id=value
rows=row-heights
title=text
</frameset>

Can replace the <body> tag in an HTML page. You use it to split the page window into a set of smaller frames. Hosts the <frame> and <noframes> tags. You must enter the end-tag.

You can nest framesets within each other to have layouts within a frame. Each frameset can exist at the same level as a frame.

For example:

<frameset scrolling="yes" cols="25%, 50%, *">
    <frame src="contents.htm">
    <frame src="info.htm">
    <frame scrolling="no" src="graphic.htm">
</frameset>

Attributes

border=n

Specifies the size of a border (in pixels) to be drawn around the frameset.

bordercolor=colour

Sets the colours for the border of the frameset.

class=type

Indicates the class to which the tag belongs. You can use the class attribute in a style sheet to create different styles that you want apply to a single HTML tag. For example, you might create three different styles for a <frameset> tag. See Using the class attribute as a selector for more details.

cols=col-widths

Creates a frame page with columns. You can specify the column dimensions by percentage (%), pixels, or a relative size (*).

frameborder=1|0

Provides the option to display or not display a 3-D border for a frame. 1 (default) sets a frame border. 0 displays no border. To turn the border off, all frames that have a common border must have this attribute set to zero.

framespacing=spacing

Creates additional space between frames, in pixels.

id=value

Specifies a unique name for the tag. No two tags can have the same id on a single page. The value must begin with a letter followed by any alphanumeric character, a hyphen, an underscore, a colon or a full stop. You use it to reference a unique style for a tag or to manipulate the tag with a script.

rows=row-heights

Creates a frame page with rows. You can specify the row dimensions by percentage (%), pixels, or a relative size (*).

If any of the values are single numerical values, the browser considers these to be absolute pixel values. Do not use a complete set of pixel values to fix a frame set: browsers use a variety of different screen resolutions when viewing pages, so the layout may become distorted.

You can specify percentage for this attribute. If the total of the percentage values exceeds 100%, the browser scales down all values so that the total is 100%.

The remaining value option is to use a * character. This tells the browser that the frame is a relative size frame and should be displayed accordingly. Numerical values can be used with the * character, to scale the relative frame sections within the browser window.

title=text

For information only. Some browsers display the title when you move the mouse over the tag (like a tool tip).