<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">&lt;TABLE&gt;</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span> HTML <span class="emphasis">3.2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">&lt;TABLE&gt;...&lt;/TABLE&gt;</p>
					</td><td valign="top" nowrap class="requirements">HTML End Tag: Required&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>The <span class="literal">table</span> element is a container for additional
elements that specify the content for a table. A table consists of
rows and columns of content. Other elements related to the
<span class="literal">table</span> element are <span class="literal">caption</span>,
<span class="literal">col</span>, <span class="literal">colgroup</span>,
<span class="literal">tbody</span>, <span class="literal">td</span>,
<span class="literal">tfoot</span>, <span class="literal">th</span>,
<span class="literal">thead</span>, and <span class="literal">tr</span>. The purpose of
the <span class="literal">table</span> element is to define a number of visible
attributes that apply to the entire table, regardless of the number
of rows or columns within it. Many of these attributes can be
overridden for a given row, column, or cell. The number of rows and
columns is strictly a factor of the structure of
<span class="literal">tr</span> and <span class="literal">td</span> elements within the
table.
</p><p>Tables have been used for a relatively long time not only to organize
rows and columns of content but also to position content. With no
visible borders, table rows and columns can be set to empty space.
With the advent of positionable content, the tables-for-positioning
practice is not encouraged.
</p><p>Deeply nested tables (tables within tables) can cause problems in
some browsers. Navigator 4 has severe difficulty with style sheet
inheritance and overall performance in complex tables (nesting beyond
three levels is asking for trouble). IE 5/Mac can inexplicably
explode cell dimensions when scripts create or modify table-related
elements. The simpler you keep your table structure, the more
reliable your pages will be across browsers. Heavy editing of table
structures in visual HTML authoring tools can leave hidden
complexities (e.g., lots of empty cells) in your source code.
Temporarily turn on a thin table border to see the exact row and
column structure.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE cols="3"&gt;
&lt;THEAD&gt;
&lt;TR&gt;
&lt;TH&gt;Time&lt;/TH&gt;&lt;TH&gt;Event&lt;/TH&gt;&lt;TH&gt;Location&lt;/TH&gt;
&lt;/TR&gt;
&lt;/THEAD&gt;
&lt;TBODY&gt;
&lt;TR&gt;
&lt;TD&gt;7:30am-5:00pm&lt;/TD&gt;&lt;TD&gt;Registration Open&lt;/TD&gt;&lt;TD&gt;Main Lobby&lt;/TD&gt;
&lt;/TR&gt;
&lt;TR&gt;
&lt;TD&gt;9:00am-12:00pm&lt;/TD&gt;&lt;TD&gt;Keynote Speakers&lt;/TD&gt;&lt;TD&gt;Cypress Room&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TBODY&gt;
&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>)</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Element-Specific Attributes</span></td>
				</tr>
				<tr>
      <td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
    </tr><tr>
					<td>
						<table border="1"><tbody><tr><td><span class="literal">align</span></td><td><span class="literal">background</span></td><td><span class="literal">bgcolor</span></td><td><span class="literal">border</span></td><td><span class="literal">bordercolor</span></td>
								</tr>
								<tr><td><span class="literal">bordercolordark</span></td><td><span class="literal">bordercolorlight</span></td><td><span class="literal">cellpadding</span></td><td><span class="literal">cellspacing</span></td><td><span class="literal">cols</span></td>
								</tr>
								<tr><td><span class="literal">datapagesize</span></td><td><span class="literal">datasrc</span></td><td><span class="literal">frame</span></td><td><span class="literal">height</span></td><td><span class="literal">hspace</span></td>
								</tr>
								<tr><td><span class="literal">layout</span></td><td><span class="literal">rules</span></td><td><span class="literal">summary</span></td><td><span class="literal">vspace</span></td><td><span class="literal">width</span></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Element-Specific Event Handler Attributes</span></td>
				</tr>
				<tr>
      <td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
    </tr><tr>
					<td>
						<table border="1"><tbody><th>Handler</th><th>NN</th><th>IE</th><th>HTML</th><tr><td>onafterupdate</td><td>n/a</td><td>4</td><td>n/a</td>
								</tr>
								<tr><td>onbeforeupdate</td><td>n/a</td><td>4</td><td>n/a</td>
								</tr>
								<tr><td>onrowenter</td><td>n/a</td><td>4</td><td>n/a</td>
								</tr>
								<tr><td>onrowexit</td><td>n/a</td><td>4</td><td>n/a</td>
								</tr>
							</tbody></table>
					</td>
				</tr>
			</table>
		</div><div id="align">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">align</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span> HTML <span class="emphasis">3.2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">align="<span class="replaceable">where</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Determines how the table is aligned relative to the next outermost
container (usually the document <span class="literal">body</span> or
<span class="literal">html</span> element). The <span class="literal">align</span>
attribute is deprecated in HTML 4 in favor of style sheet attributes.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE align="center"&gt;...&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Alignment constant: <span class="literal">center</span> |
<span class="literal">left</span> | <span class="literal">right</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">left</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).align</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="background">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">background</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">background="<span class="replaceable">URL</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Specifies an image file that is used as a backdrop to the table.
Unlike normal images that get loaded into browser content, a
background image loads in its original size (without scaling) and
tiles to fill the available table space. Smaller images download
faster but are obviously repeated more often in the background.
Animated GIFs are also allowable, but very distracting to the reader.
When selecting a background image, be sure it is very muted in
comparison to the main content so that the content stands out
clearly. Background images, if used at all, should be extremely
subtle.
</p><p>Navigator 4 can be quirky with this attribute. Be prepared to wrap
your main table (without a background) inside another
<span class="literal">table</span> element, whose <span class="literal">background</span>
property has a graphic file assigned to it.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE background="watermark.jpg"&gt;...&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any valid URL to an image file, including complete and relative URLs.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None (table is transparent).</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).background</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="bgcolor">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">bgcolor</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">3</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">3.2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">bgcolor="<span class="replaceable">colorTripletOrName</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Establishes a fill color (behind the text and other content) for the
entire table. If you combine a <span class="literal">bgcolor</span> and
<span class="literal">background</span>, any transparent areas of the
background image let the background color show through. This
attribute is deprecated in HTML 4 in favor of the
<span class="literal">background-color</span> style attribute.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE bgcolor="tan"&gt;...&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>A hexadecimal triplet or plain-language color name. A setting of
empty is interpreted as <span class="literal">"#000000"</span> (black). See
Appendix A for acceptable plain-language color
names.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>Varies with browser, browser version, and operating system.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).bgColor</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="border">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">border</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span> HTML <span class="emphasis">3.2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">border="<span class="replaceable">pixelCount</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>The thickness (in pixels) of the border drawn around a
<span class="literal">table</span> element. If you set the
<span class="literal">border</span> attribute to any value, browsers by default
render narrow borders around each of the cells inside the table. With
a <span class="literal">table</span> element's border showing,
the thickness of internal borders between cells is defined by the
<span class="literal">cellspacing</span> attribute of the
<span class="literal">table</span> element.
</p><p>If you include only the <span class="literal">border</span> attribute without
assigning any value to it, the browser renders default-sized borders
around the entire table and between cells, unless overridden by other
attributes.
</p><p>Browsers render the border in a 3-D style, with the border appearing
to be raised around the flat content in the cells. Numerous other
attributes affect the look of the border, including:
<span class="literal">bordercolor</span>, <span class="literal">bordercolordark</span>,
<span class="literal">bordercolorlight</span>, <span class="literal">frame</span>, and
<span class="literal">rules</span>. The type of border rendered for tables is
different from the borders defined by style sheet rules. You get
better control of the border look by using the dedicated attributes
of the <span class="literal">table</span> element.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE border="1"&gt;...&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>A positive integer value.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">0</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).border</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="bordercolor">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">bordercolor</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">bordercolor="<span class="replaceable">colorTripletOrName</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>The colors used to render some of the pixels that create the illusion
of borders around cells and the entire table. The
<span class="literal">border</span> attribute must have a nonzero value
assigned for the color to appear. The 3-D effect of borders in is
created by careful positioning of light (or white) and dark lines
around the page's background or default color (see
Figure 8-4). Standard colors are usually
shades of gray and white, depending on the browser.
</p><p>Applying color to a table border has a different effect in Navigator
and Internet Explorer. In Navigator, the color is applied to what is
normally the darker of the two shades used to create the border.
Moreover, Navigator automatically adjusts the darkness of some of the
lines to enhance the 3-D effect of the border. In contrast, Internet
Explorer applies the color to all lines that make up the border. The
net effect is to flatten the 3-D effect (refer to the
<span class="literal">bordercolordark</span> and
<span class="literal">bordercolorlight</span> attributes to color borders and
maintain the 3-D effect in IE).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE bordercolor="green" border="2"&gt;...&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>A hexadecimal triplet or plain-language color name. A setting of
empty is interpreted as <span class="literal">"#000000"</span> (black). See
Appendix A for acceptable plain-language color
names.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>Varies with browser and operating system.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).borderColor</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="bordercolordark, bordercolorlight">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">bordercolordark, bordercolorlight</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">bordercolordark="<span class="replaceable">colorTripletOrName</span>"
bordercolorlight="<span class="replaceable">colorTripletOrName</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>The 3-D effect of table borders in Internet Explorer is created by
careful positioning of light and dark lines around the
page's background or default color (see Figure 8-4). You can independently control the
colors used for the dark and light lines by assigning values to the
<span class="literal">bordercolordark</span> and
<span class="literal">bordercolorlight</span> attributes. The
<span class="literal">border</span> attribute must have a nonzero value
assigned for the colors to appear.
</p><p>Typically, you should assign complementary colors to the pair of
attributes. There is also no rule that says you must assign a dark
color to <span class="literal">bordercolordark</span>. The attributes merely
control a well-defined set of lines so you can predict which lines of
the border change with each attribute.
</p><p>To achieve the identical look in Navigator and IE, you must determine
the complementary colors that Navigator uses for its 3-D effect from
the <span class="literal">bordercolor</span> attribute. Then assign those
values to the <span class="literal">bordercolordark</span> and
<span class="literal">bordercolorlight</span> attributes. You may place all
three attributes in the same <span class="literal">&lt;TABLE&gt;</span> tag.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE bordercolordark="darkred" bordercolorlight="salmon" border="3"&gt;...
&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>A hexadecimal triplet or plain-language color name. A setting of
empty is interpreted as <span class="literal">"#000000"</span> (black). See
Appendix A for acceptable plain-language color
names.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>Varies with operating system.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).borderColorDark
[window.]document.getElementById(<span class="replaceable">elementID</span>).borderColorLight</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="cellpadding">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">cellpadding</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">3.2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">cellpadding="<span class="replaceable">length</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>The amount of empty space between the border of a table cell and the
content of the cell. Note that this attribute applies to space
<span class="emphasis">inside</span> a cell. Without setting this attribute,
most browsers render text content so that its leftmost pixels abut
the left edge of the cell. If the table displays borders, adding a
few pixels of breathing space between the border edge and the content
makes the content more readable. Large padding may also be desirable
in some design instances. This attribute is not as noticeable when
the table does not display borders (in which case the
<span class="literal">cellspacing</span> attribute can assist in adjusting the
space between cells).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE border="2" cellpadding="3"&gt;...&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any length value in pixels or percentage of available space.
Percentage values are based on the total available space in the
horizontal and vertical dimensions of the cell. For example, a value
of <span class="literal">10%</span> means that the left and right padding will
each be 5% of the total width of the cell; the top and bottom padding
will each be 5% of the total height of the cell.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">0</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).cellPadding</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="cellspacing">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">cellspacing</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">3.2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">cellspacing="<span class="replaceable">length</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>The amount of empty space between the outer edges of each table cell.
If you set the <span class="literal">border</span> attribute of the
<span class="literal">table</span> element to any positive integer value, the
effect of setting <span class="literal">cellspacing</span> is to define the
thickness of borders rendered between cells. Even without a visible
border, the readability of a table often benefits from cell spacing.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE border="2" cellspacing="10"&gt;...&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any positive integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">0</span> (no table border); <span class="literal">2</span> (with
table border).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).cellSpacing</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="cols">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">cols</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">cols="<span class="replaceable">columnCount</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>The number of columns of the table. The HTML specification never
adopted this attribute. In HTML 4, the functionality of this
attribute is covered by the <span class="literal">colgroup</span> and
<span class="literal">col</span> elements. In the meantime, the
<span class="literal">cols</span> attribute is recognized by older and current
browsers. The attribute assists the browser in preparation for
rendering the table. Without this attribute, the browser relies on
its interpretation of all downloaded <span class="literal">tr</span> and
<span class="literal">td</span> elements to determine how the table is to be
divided.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE cols="4"&gt;...&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any positive integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).cols</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="datapagesize">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">datapagesize</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">datapagesize="<span class="replaceable">recordCount</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Used with IE data binding, this attribute advises the browser how
many instances of a table row must be rendered to accommodate the
number of data source records set by this attribute. A common
application is setting a table cell to display a text
<span class="literal">input</span> element whose <span class="literal">datafld</span>
attribute is bound to a particular column of the data source (the
<span class="literal">datasrc</span> is set in the <span class="literal">table</span>
element). If the <span class="literal">datapagesize</span> attribute is set to
5, the browser must display five rows of the table (but the row is
specified in the HTML only once).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE datasrc="DBSRC3" datapagesize="5"&gt;
&lt;TR&gt;
  &lt;TD&gt;&lt;INPUT type="text" datafld="stockNum"&gt;&lt;/TD&gt;
  &lt;TD&gt;&lt;INPUT type="text" datafld="qtyOnHand"&gt;&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any positive integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).dataPageSize</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="datasrc">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">datasrc</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">datasrc="<span class="replaceable">dataSourceName</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Used with IE data binding to specify the ID of the
page's <span class="literal">object</span> element that loads
the data source object for remote data access. Content from the data
source is specified via the <span class="literal">datafld</span> attribute.
</p><p>A block of contiguous records can be rendered in the table when you
also set the <span class="literal">datapagesize</span> attribute of the table.
Works only with text file data sources in IE 5/Mac.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE datasrc="DBSRC3" datapagesize="5"&gt;...&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Case-sensitive identifier.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).dataSrc</pre>
						</span></td>
				</tr>
			</table>
		</div>
		<div id="dir">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">dir</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal">dir="<span class="replaceable">direction</span>"</p>
							</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>The direction of character rendering for the
		element's text when the characters are not governed
		by inherent directionality according to the Unicode standard.
		Character rendering is either left-to-right or right-to-left. This
		attribute is usually set in concert with the <span class="literal">lang</span>
		attribute; it must be used to specify a character-rendering direction
		that overrides the current direction.
		</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>&lt;A lang="ar" dir="rtl"&gt;<span class="replaceable">Some Unicode Arabic text characters here</span>&lt;/A&gt;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td><p><span class="literal">ltr</span> | <span class="literal">rtl</span></p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td><p><span class="literal">ltr</span></p>
							</td>
						</tr>
					</table>
				</div>

		<div id="frame">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">frame</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">frame="<span class="replaceable">frameConstant</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Defines which (if any) sides of a table's outer
border (set with the <span class="literal">border</span> attribute) are
rendered. This attribute does not affect the interior borders between
cells. Including the <span class="literal">border</span> attribute without
assigning any value to it is the same as setting the
<span class="literal">frame</span> attribute to <span class="literal">border</span>. All
settings can be replicated with CSS border-related attributes if you
prefer.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE border="3" frame="void"&gt;...&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any one case-insensitive frame constant:</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>Navigator: <span class="literal">void</span> (when
<span class="literal">border=0</span>); <span class="literal">border</span> (when
<span class="literal">border</span> is any other value). Internet Explorer:
<span class="literal">border</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).frame</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="height, width">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">height, width</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">3.2 (width)</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">height="<span class="replaceable">length</span>"
width="<span class="replaceable">length</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>The rectangular dimensions of a table that may be different from the
default size as calculated by the browser. When the values for these
attributes are less than the minimum space required to render the
table cell content, the browser overrides the attribute settings to
make sure that all content appears, even if it means that text lines
word-wrap. You can also stretch the dimensions of a table beyond the
browser-calculated dimensions. Extra whitespace appears inside table
cells to make up the difference. If you specify just one attribute,
the browser performs the necessary calculations to automatically
adjust the dimension along the other axis.
</p><p>Note that the <span class="literal">height</span> attribute is not in the HTML
specification. The assumption there is that the table height is
calculated by the browser to best show all cell content given either
the default or attribute-established width. Because different
browsers on different operating systems can render text content in
varying relative font sizes, it is not unusual to let the height of a
table be calculated by the browser.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE width="80%"&gt;...&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any length value in pixels or percentage of available space.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>Governed by content, but width not to exceed <span class="literal">100%</span>
of the next outermost container. IE does accept percentage values
beyond <span class="literal">100%</span>, which may cause the
table's container to display scroll bars and perhaps
disturb the graphical integrity of the layout design.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).height
[window.]document.getElementById(<span class="replaceable">elementID</span>).width</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="hspace, vspace">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">hspace, vspace</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span> HTML <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">hspace="<span class="replaceable">pixels</span>"
vspace="<span class="replaceable">pixels</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Inserts transparent padding outside the edges of the entire table on
the page. Use CSS-padding-related attributes instead. Note that
Netscape 6 responds to these <span class="literal">table</span> element
attributes only in "quirks" mode
(see <span class="literal">DOCTYPE</span> element).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE hspace="20" vspace="40"&gt;...&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Integer pixel count.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">0</span></p>
					</td>
				</tr>
			</table>
		</div>
		<div id="lang">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">lang</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">3</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal">lang="<span class="replaceable">languageCode</span>"</p>
							</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>The language being used for the element's attribute
		values and content. A browser can use this information to assist in
		proper rendering of content with respect to details such as treatment
		of ligatures (when supported by a particular font or required by a
		written language), quotation marks, and hyphenation. Other
		applications and search engines might use this information to aid the
		selection of spell-checking dictionaries and the creation of indices.
		</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>&lt;SPAN lang="de"&gt;Deutsche Bundesbahn&lt;/SPAN&gt;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td><p>Case-insensitive language code.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td><p>Browser default.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID).</span>lang</pre>
								</span></td>
						</tr>
					</table>
				</div>

		<div id="layout">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">layout</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span> HTML <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">layout="<span class="replaceable">layoutType</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Controls the table-layout-rendering algorithm. A value of
<span class="literal">fixed</span> directs the browser to size the table and
cells according to explicit height and width settings, rather than
respecting content size minimums. This attribute mimics the
<span class="literal">table-layout</span> CSS attribute.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE layout="fixed" width="500"&gt;...&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Constant values: <span class="literal">auto</span> | <span class="literal">fixed</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">auto</span></p>
					</td>
				</tr>
			</table>
		</div><div id="rules">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">rules</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">7</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">rules="<span class="replaceable">rulesConstant</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Defines where (if at all) interior borders between cells are rendered
by the browser. In addition to setting the table to draw borders to
turn the cells into a matrix, you can also set borders to be drawn
only to separate rows, columns, or any sanctioned cell grouping
(<span class="literal">thead</span>, <span class="literal">tbody</span>,
<span class="literal">tfoot</span>, <span class="literal">colgroup</span>, or
<span class="literal">col</span>). The <span class="literal">border</span> attribute must
be presenteither as a Boolean or set to a specific border
sizefor any cell borders to be drawn. IE 5/Mac leaves gaps in
inter-cell borders where rules are removed.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE border="3" rules="groups"&gt;...&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any one case-insensitive rules constant:</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">none</span> (when <span class="literal">border=0</span>);
<span class="literal">all</span> (when <span class="literal">border</span> is any other
value).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).rules</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="summary">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">summary</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">6</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">summary="<span class="replaceable">text</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>A textual description of the table, including, but not limited to,
instructions that nonvisual browsers might follow to describe the
purpose and organization of the table data. The <span class="emphasis">Properties</span> choice for Netscape
6's context menu for this element displays a small
window that includes an active link to the URL assigned to the
attribute. Version 6 browsers provide no other functionality for this
attribute.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;TABLE summary="Order form for entry of up to five products."&gt;...&lt;/TABLE&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any quoted string of characters.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="vspace">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">vspace</td><td valign="top" nowrap class="compatibility">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>See hspace. </p>
					</td>
				</tr>
			</table>
		</div><div id="width">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">width</td><td valign="top" nowrap class="compatibility">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>See height. </p>
					</td>
				</tr>
			</table>
		</div>
</body>
</html>