				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr><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">style, CSSStyleDeclaration</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</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>In its most generic sense, a <span class="literal">style</span> object is the
access point for scripts to read and write individual style
attributes for a given element. This <span class="literal">style</span> object
exposes (or has the potential to expose) every style sheet attribute
supported by the browser (the kinds of CSS attributes described in
Chapter 11).
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			In practice, however, a <span class="literal">style</span> object that you
access through an HTML element object's
<span class="literal">style</span> property (one of the shared properties
described early in this chapter) is limited in scope: It reflects
only the CSS settings explicitly defined in the
element's tag via the <span class="literal">style</span>
attribute or settings assigned to the element's
<span class="literal">style</span> property via script. But other style sheets
associated with the browser (internal style sheets) and the document
(explicit style sheet rules defined in the
<span class="literal">&lt;style&gt;</span> element and rules imported through
either a <span class="literal">link</span> element or an
<span class="literal">@import</span> rule) also affect the rendered
characteristics of the element. A union of all style sheet attributes
affecting an elementthe effective style definitionmay
be read, but through browser-dependent syntax. IE uses the
<span class="literal">currentStyle</span> property of an element, whereas
Netscape 6 uses the W3C DOM <span class="literal">window.getComputedStyle(
)</span> method. Both syntaxes return an object that lets scripts
inspect the value of each effective style attribute value.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			While the three IE style-related objects (<span class="literal">style</span>,
<span class="literal">currentStyle</span>, and <span class="literal">runtimeStyle</span>)
return a <span class="literal">style</span> object with properties that expose
CSS style attributes, the situation is a little more complex on the
Netscape 6 side. On the one hand, Netscape 6 implements a version of
the W3C DOM <span class="literal">CSSStyleDeclaration</span> object that
exposes all the CSS attributes as properties. This is the version
accessed through an element object's
<span class="literal">style</span> property (just like IE, thus making an
element object's <span class="literal">style</span> property
work cross-browser). But when you read the effective style sheet (via
<span class="literal">window.getComputedStyle( )</span>), the object that comes
back does not expose the CSS attributes directly as properties.
Instead, you must use the <span class="literal">CSSStyleDeclaration</span>
methods (listed below) to inspect a specific attribute value by name.
It's a longer way to reach a particular effective
style attribute value, but very much in keeping with other
attribute-reading syntax deployed throughout the W3C DOM. The only
time this cross-browser disconnect affects you is when you need to
view the effective style attribute for an unmodified style. Once you
set an attribute value via the element object's
<span class="literal">style</span> property, you can read it from the
<span class="literal">style</span> property cross-browser.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			This section lists the available <span class="literal">style</span> object
properties plus the Netscape 6 (W3C DOM) formal methods for accessing
those attributes. The W3C DOM lists a large percentage of the
<span class="literal">style</span> object properties under an object umbrella
called <span class="literal">CSS2Properties</span>. The specification offers
the <span class="literal">CSS2Properties</span> object as an optional
convenience for browsers. Fortunately for cross-browser scripters,
Netscape 6 implements <span class="literal">CSS2Properties</span> at least for
the element object <span class="literal">style</span> property.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			The properties of the <span class="literal">style</span> object listed below
correspond to the CSS attributes. For more information on a
particular property, see the corresponding listing in Chapter 11.
</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>
						<ul><li><span class="literal"></span><span class="literal">[window.]document.getElementById("</span><span class="replaceable">elementID</span><span class="literal">").style</span>
</li><li><span class="literal"></span><span class="literal">[window.]document.styleSheets[i].rules[j].style</span></li><li><span class="literal"></span><span class="literal">[window.]document.styleSheets[i].cssRules[j].style</span></li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificproperties"><span class="title">Object-Specific Properties</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">accelerator</span></td><td><span class="literal">azimuth</span></td><td><span class="literal">background</span></td>
								</tr>
								<tr><td><span class="literal">backgroundAttachment</span></td><td><span class="literal">backgroundColor</span></td><td><span class="literal">backgroundImage</span></td>
								</tr>
								<tr><td><span class="literal">backgroundPosition</span></td><td><span class="literal">backgroundPositionX</span></td><td><span class="literal">backgroundPositionY</span></td>
								</tr>
								<tr><td><span class="literal">backgroundRepeat</span></td><td><span class="literal">behavior</span></td><td><span class="literal">blockDirection</span></td>
								</tr>
								<tr><td><span class="literal">border</span></td><td><span class="literal">borderBottom</span></td><td><span class="literal">borderBottomColor</span></td>
								</tr>
								<tr><td><span class="literal">borderBottomStyle</span></td><td><span class="literal">borderBottomWidth</span></td><td><span class="literal">borderCollapse</span></td>
								</tr>
								<tr><td><span class="literal">borderColor</span></td><td><span class="literal">borderLeft</span></td><td><span class="literal">borderLeftColor</span></td>
								</tr>
								<tr><td><span class="literal">borderLeftStyle</span></td><td><span class="literal">borderLeftWidth</span></td><td><span class="literal">borderRight</span></td>
								</tr>
								<tr><td><span class="literal">borderRightColor</span></td><td><span class="literal">borderRightStyle</span></td><td><span class="literal">borderRightWidth</span></td>
								</tr>
								<tr><td><span class="literal">borderSpacing</span></td><td><span class="literal">borderStyle</span></td><td><span class="literal">borderTop</span></td>
								</tr>
								<tr><td><span class="literal">borderTopColor</span></td><td><span class="literal">borderTopStyle</span></td><td><span class="literal">borderTopWidth</span></td>
								</tr>
								<tr><td><span class="literal">borderWidth</span></td><td><span class="literal">bottom</span></td><td><span class="literal">captionSide</span></td>
								</tr>
								<tr><td><span class="literal">clear</span></td><td><span class="literal">clip</span></td><td><span class="literal">clipBottom</span></td>
								</tr>
								<tr><td><span class="literal">clipLeft</span></td><td><span class="literal">clipRight</span></td><td><span class="literal">clipTop</span></td>
								</tr>
								<tr><td><span class="literal">color</span></td><td><span class="literal">content</span></td><td><span class="literal">counterIncrement</span></td>
								</tr>
								<tr><td><span class="literal">counterReset</span></td><td><span class="literal">cssFloat</span></td><td><span class="literal">cssText</span></td>
								</tr>
								<tr><td><span class="literal">cue</span></td><td><span class="literal">cueAfter</span></td><td><span class="literal">cueBefore</span></td>
								</tr>
								<tr><td><span class="literal">cursor</span></td><td><span class="literal">direction</span></td><td><span class="literal">display</span></td>
								</tr>
								<tr><td><span class="literal">elevation</span></td><td><span class="literal">emptyCells</span></td><td><span class="literal">filter</span></td>
								</tr>
								<tr><td><span class="literal">font</span></td><td><span class="literal">fontFamily</span></td><td><span class="literal">fontSize</span></td>
								</tr>
								<tr><td><span class="literal">fontSizeAdjust</span></td><td><span class="literal">fontStretch</span></td><td><span class="literal">fontStyle</span></td>
								</tr>
								<tr><td><span class="literal">fontVariant</span></td><td><span class="literal">fontWeight</span></td><td><span class="literal">height</span></td>
								</tr>
								<tr><td><span class="literal">imeMode</span></td><td><span class="literal">layoutFlow</span></td><td><span class="literal">layoutGrid</span></td>
								</tr>
								<tr><td><span class="literal">layoutGridChar</span></td><td><span class="literal">layoutGridLine</span></td><td><span class="literal">layoutGridMode</span></td>
								</tr>
								<tr><td><span class="literal">layoutGridType</span></td><td><span class="literal">left</span></td><td><span class="literal">letterSpacing</span></td>
								</tr>
								<tr><td><span class="literal">lineBreak</span></td><td><span class="literal">lineHeight</span></td><td><span class="literal">listStyle</span></td>
								</tr>
								<tr><td><span class="literal">listStyleImage</span></td><td><span class="literal">listStylePosition</span></td><td><span class="literal">listStyleType</span></td>
								</tr>
								<tr><td><span class="literal">margin</span></td><td><span class="literal">marginBottom</span></td><td><span class="literal">marginLeft</span></td>
								</tr>
								<tr><td><span class="literal">marginRight</span></td><td><span class="literal">marginTop</span></td><td><span class="literal">markerOffset</span></td>
								</tr>
								<tr><td><span class="literal">marks</span></td><td><span class="literal">maxHeight</span></td><td><span class="literal">maxWidth</span></td>
								</tr>
								<tr><td><span class="literal">minHeight</span></td><td><span class="literal">minWidth</span></td><td><span class="literal">MozBinding</span></td>
								</tr>
								<tr><td><span class="literal">MozOpacity</span></td><td><span class="literal">orphans</span></td><td><span class="literal">outline</span></td>
								</tr>
								<tr><td><span class="literal">outlineColor</span></td><td><span class="literal">outlineStyle</span></td><td><span class="literal">outlineWidth</span></td>
								</tr>
								<tr><td><span class="literal">overflow</span></td><td><span class="literal">overflowX</span></td><td><span class="literal">overflowY</span></td>
								</tr>
								<tr><td><span class="literal">padding</span></td><td><span class="literal">paddingBottom</span></td><td><span class="literal">paddingLeft</span></td>
								</tr>
								<tr><td><span class="literal">paddingRight</span></td><td><span class="literal">paddingTop</span></td><td><span class="literal">page</span></td>
								</tr>
								<tr><td><span class="literal">pageBreakAfter</span></td><td><span class="literal">pageBreakBefore</span></td><td><span class="literal">pageBreakInside</span></td>
								</tr>
								<tr><td><span class="literal">pause</span></td><td><span class="literal">pauseAfter</span></td><td><span class="literal">pauseBefore</span></td>
								</tr>
								<tr><td><span class="literal">pitch</span></td><td><span class="literal">pitchRange</span></td><td><span class="literal">pixelBottom</span></td>
								</tr>
								<tr><td><span class="literal">pixelHeight</span></td><td><span class="literal">pixelLeft</span></td><td><span class="literal">pixelRight</span></td>
								</tr>
								<tr><td><span class="literal">pixelTop</span></td><td><span class="literal">pixelWidth</span></td><td><span class="literal">playDuring</span></td>
								</tr>
								<tr><td><span class="literal">posBottom</span></td><td><span class="literal">posHeight</span></td><td><span class="literal">posLeft</span></td>
								</tr>
								<tr><td><span class="literal">posRight</span></td><td><span class="literal">posTop</span></td><td><span class="literal">posWidth</span></td>
								</tr>
								<tr><td><span class="literal">position</span></td><td><span class="literal">quotes</span></td><td><span class="literal">richness</span></td>
								</tr>
								<tr><td><span class="literal">right</span></td><td><span class="literal">rubyAlign</span></td><td><span class="literal">rubyOverhang</span></td>
								</tr>
								<tr><td><span class="literal">rubyPosition</span></td><td><span class="literal">scrollbar3dLightColor</span></td><td><span class="literal">scrollbarArrowColor</span></td>
								</tr>
								<tr><td><span class="literal">scrollbarBaseColor</span></td><td><span class="literal">scrollbarDarkShadowColor</span></td><td><span class="literal">scrollbarFaceColor</span></td>
								</tr>
								<tr><td><span class="literal">scrollbarHighlightColor</span></td><td><span class="literal">scrollbarShadowColor</span></td><td><span class="literal">scrollbarTrackColor</span></td>
								</tr>
								<tr><td><span class="literal">size</span></td><td><span class="literal">speak</span></td><td><span class="literal">speakHeader</span></td>
								</tr>
								<tr><td><span class="literal">speakNumeral</span></td><td><span class="literal">speakPunctuation</span></td><td><span class="literal">speechRate</span></td>
								</tr>
								<tr><td><span class="literal">stress</span></td><td><span class="literal">styleFloat</span></td><td><span class="literal">tableLayout</span></td>
								</tr>
								<tr><td><span class="literal">textAlign</span></td><td><span class="literal">textAlignLast</span></td><td><span class="literal">textAutospace</span></td>
								</tr>
								<tr><td><span class="literal">textDecoration</span></td><td><span class="literal">textDecorationBlink</span></td><td><span class="literal">textDecorationLineThrough</span></td>
								</tr>
								<tr><td><span class="literal">textDecorationNone</span></td><td><span class="literal">textDecorationOverline</span></td><td><span class="literal">textDecorationUnderline</span></td>
								</tr>
								<tr><td><span class="literal">textIndent</span></td><td><span class="literal">textJustify</span></td><td><span class="literal">textKashidaSpace</span></td>
								</tr>
								<tr><td><span class="literal">textOverflow</span></td><td><span class="literal">textShadow</span></td><td><span class="literal">textTransform</span></td>
								</tr>
								<tr><td><span class="literal">textUnderlinePosition</span></td><td><span class="literal">top</span></td><td><span class="literal">unicodeBidi</span></td>
								</tr>
								<tr><td><span class="literal">verticalAlign</span></td><td><span class="literal">visibility</span></td><td><span class="literal">voiceFamily</span></td>
								</tr>
								<tr><td><span class="literal">volume</span></td><td><span class="literal">whiteSpace</span></td><td><span class="literal">widows</span></td>
								</tr>
								<tr><td><span class="literal">width</span></td><td><span class="literal">wordBreak</span></td><td><span class="literal">wordSpacing</span></td>
								</tr>
								<tr><td><span class="literal">wordWrap</span></td><td><span class="literal">writingMode</span></td><td><span class="literal">zIndex</span></td>
								</tr>
								<tr><td><span class="literal">zoom</span></td><td></td><td></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificmethods"><span class="title">Object-Specific Methods</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">getPropertyCSSValue( )</span></td><td><span class="literal">getPropertyPriority( )</span></td><td><span class="literal">getPropertyValue( )</span></td>
								</tr>
								<tr><td><span class="literal">item( )</span></td><td><span class="literal">removeProperty( )</span></td><td><span class="literal">setProperty( )</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="objectspecificeventhandlerproperties"><span class="title">Object-Specific Event Handler Properties</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div><div id="accelerator">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">accelerator</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">See text&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>For IE 5 and later running under Windows 2000 or newer version of
Windows, users can set a preference to highlight an accelerator key
for commands (or web page <span class="literal">accessKey</span> letters) when
the user presses the <span class="emphasis">Alt</span> key. The
<span class="literal">accelerator</span> key property controls whether the
element is treated as a highlightable accelerator key string.
Available as a property of the IE <span class="literal">currentStyle</span>
(read-only) and <span class="literal">runtimeStyle</span> (read/write) objects
only.
</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>document.getElementById("controlH").style.accelerator = true;</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 colspan="2"><p>			Boolean value: <span class="literal">true</span> | <span class="literal">false</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 colspan="2"><p>			<span class="literal">false</span></p>
					</td>
				</tr>
			</table>
		</div><div id="azimuth, cue, cueAfter, cueBefore, elevation, pause, pauseAfter, pauseBefore, pitch, pitchRange, playDuring, richness, speak, speakHeader, speakNumeral, speakPunctuation, speechRate, stress, voiceFamily, volume">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">azimuth, cue, cueAfter, cueBefore, elevation, pause, pauseAfter, pauseBefore, pitch, pitchRange, playDuring, richness, speak, speakHeader, speakNumeral, speakPunctuation, speechRate, stress, voiceFamily, volume</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>This large group of properties comes from CSS attributes intended for
browsers that use speech synthesis techniques to vocalize document
content. You don't have to be vision-impaired to
benefit from this possibility, but Netscape 6 does not include this
feature by default. Conceivably, other specialty browser makers will
build a speech synthesized browser from the Mozilla engine.
They'll have the hooks ready in the Mozilla DOM to
permit scripting of these style properties. In the meantime,
they're simply placeholders within Netscape 6. You
can read about these CSS attributes in Chapter 11.
</p>
												</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 colspan="2"><p>			All values for these properties are strings.</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 colspan="2"><p>			None.</p>
					</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">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Provides the element's style sheet
<span class="literal">background</span> attribute. This is a shorthand
attribute, so the scripted property consists of a string of
space-delimited values for the
<span class="literal">backgroundAttachment</span>,
<span class="literal">backgroundColor</span>,
<span class="literal">backgroundImage</span>,
<span class="literal">backgroundPosition</span>, and
<span class="literal">backgroundRepeat</span> property values. One or more
values may be in the <span class="literal">background</span> value, and the
individual values may be in any order. Available in IE as a property
of the <span class="literal">style</span> and <span class="literal">runtimeStyle</span>
objects only.
</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>document.getElementById("myDiv").style.background = "url(logo.gif) repeat-y";</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 colspan="2"><p>			String of space-delimited values corresponding to one or more
individual background style properties.
</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 colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div><div id="backgroundAttachment">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">backgroundAttachment</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Sets how the image is "attached" to
the element. The image can either remain fixed within the viewable
area of the element (the viewport) or it may scroll with the element
as the document is scrolled. During scrolling, the fixed attachment
looks like a stationary backdrop to rolling credits of a movie.
</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>document.getElementById("myDiv").style.backgroundAttachment = "fixed";</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 colspan="2"><p>			String of either allowable value: <span class="literal">fixed</span> |
<span class="literal">scroll</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 colspan="2"><p>			<span class="literal">scroll</span></p>
					</td>
				</tr>
			</table>
		</div><div id="backgroundColor">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">backgroundColor</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Provides the background color of the element. If you also set a
<span class="literal">backgroundImage</span>, the image overlays the color.
Transparent pixels of the image allow the color to show through.
</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>document.getElementById("highlighted").style.backgroundColor = "yellow";</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 colspan="2"><p>			Any valid color specification (see description at beginning of the
chapter) or <span class="literal">transparent</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 colspan="2"><p>			<span class="literal">transparent</span></p>
					</td>
				</tr>
			</table>
		</div><div id="backgroundImage">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">backgroundImage</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>URL of the background image of the element. If you also set a
<span class="literal">backgroundColor</span>, the image overlays the color.
Transparent pixels of the image allow the color to show through.
</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>document.getElementById("navbar").style.backgroundImage =
"url(images/navVisited.jpg)";</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 colspan="2"><p>			Any complete or relative URL to an image file in CSS URL format:
<span class="literal">url(</span><span class="replaceable">filePath</span><span class="literal">)</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="backgroundPosition">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">backgroundPosition</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Indicates the top and left location of a background image relative to
the element's content region (plus padding).
Positions may be specified as length values (with numbers and units
or percentages) or according to a combination of constants
<span class="literal">top</span>, <span class="literal">right</span>,
<span class="literal">bottom</span>, <span class="literal">left</span>, and
<span class="literal">center</span>. The property has no effect on a background
images set to repeat along both axes. Some value types
don't work (or work correctly) in IE 4. Available as
a property of the IE <span class="literal">style</span> and
<span class="literal">runtimeStyle</span> objects only.
</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>document.getElementById("div3").style.backgroundPosition = "20% 50%";</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 colspan="2"><p>			A string containing one value (to be applied to both horizontal and
vertical axes) or a space-delimited pair of values. Values may be
explicit length values (with units, as in <span class="literal">30px</span>
<span class="literal">5px</span>), percentages (e.g., <span class="literal">50%
50%</span>) or position constants that have explicit meanings for
their combinations.
</p>
					</td>
				</tr>
				<tr>
					<td colspan="2"><p>			Percentage values are interpolated logically. For example, a value of
<span class="literal">0%</span> means that the image abuts the left or top edge
of the element block; a value of <span class="literal">50%</span> centers the
image vertically or horizontally; a value of <span class="literal">100%</span>
places the image flush right or bottom..
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><th>Constant value pair</th><th>Percentage equivalents</th><th>Constant value pair</th><th>Percentage equivalents</th><tr><td>top left</td><td>0% 0%</td><td>center center</td><td>50% 50%</td>
								</tr>
								<tr><td>left top</td><td>0% 0%</td><td>right </td><td>100% 50%</td>
								</tr>
								<tr><td>top</td><td>50% 0%</td><td>right center</td><td>100% 50%</td>
								</tr>
								<tr><td>top center</td><td>50% 0%</td><td>center right</td><td>100% 50%</td>
								</tr>
								<tr><td>center top</td><td>50% 0%</td><td>bottom left</td><td>0% 100%</td>
								</tr>
								<tr><td>right top</td><td>100% 0%</td><td>left bottom</td><td>0% 100%</td>
								</tr>
								<tr><td>top right</td><td>100% 0%</td><td>bottom</td><td>50% 100%</td>
								</tr>
								<tr><td>left</td><td>0% 50%</td><td>bottom center</td><td>50% 100%</td>
								</tr>
								<tr><td>left center</td><td>0% 50%</td><td>center bottom</td><td>50% 100%</td>
								</tr>
								<tr><td>center left</td><td>0% 50%</td><td>bottom right </td><td>100% 100%</td>
								</tr>
								<tr><td>center</td><td>50% 50%</td><td>right bottom</td><td>100% 100%</td>
								</tr>
							</tbody></table>
					</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 colspan="2"><p>			<span class="literal">0%</span> <span class="literal">0%</span></p>
					</td>
				</tr>
			</table>
		</div><div id="backgroundPositionX, backgroundPositionY">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">backgroundPositionX, backgroundPositionY</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Indicate the top and left locations of the background image relative
to the element's content region (plus padding).
Useful if you wish to adjust the background image along only one axis
while not disturbing the other. The same IE 4 cautions for
<span class="literal">backgroundPosition</span> apply to these two properties.
</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>document.getElementById("div3").style.backgroundPositionX = "20px";
document.getElementById("table2").style.backgroundPositionY = "10px;"</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 colspan="2"><p>			You should be able to specify percentage values, which are the
percentage of the block-level element's box width
and height (respectively) at which point the image (or repeated
images) begins. Setting percentage values, however, does not always
work in IE 4 for Windows (and it doesn't work at all
on the Mac), even though they are returned as the default value
units. You are safest with pixel values. None of the allowed
constants except <span class="literal">top</span> and <span class="literal">left</span>
are recognized.
</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 colspan="2"><p>			<span class="literal">0</span></p>
					</td>
				</tr>
			</table>
		</div><div id="backgroundRepeat">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">backgroundRepeat</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies whether a background image (specified with the
<span class="literal">backgroundImage</span> property) should repeat and, if
so, along which axes. You can use repeating background images to
create horizontal and vertical bands with some settings.
</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>document.getElementById("div3").style.backgroundRepeat = "repeat-y";</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 colspan="2"><p>			With a string setting of <span class="literal">no-repeat</span>, one instance
of the image appears in the location within the element established
by the <span class="literal">backgroundPosition</span> property (default is
top-left corner). Normal repeats are performed along both axes, but
you can have the image repeat down a single column
(<span class="literal">repeat-y</span>) or across a single row
(<span class="literal">repeat-x</span>). To reestablish the default, assign the
value <span class="literal">repeat</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 colspan="2"><p>			<span class="literal">repeat</span></p>
					</td>
				</tr>
			</table>
		</div><div id="behavior">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">behavior</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls whether an IE Windows external behavior is assigned to the
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>document.getElementById("div3").style.behavior = "url(#default#userData)";</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 colspan="2"><p>			CSS-formatted URL value, with the actual URL pointing to an external
.htc file, ID of an <span class="literal">object</span> element that loads a
behavior ActiveX control into the page, or one of the built-in
default behaviors (in the format
<span class="literal">url(#default#</span><span class="replaceable">behaviorName</span><span class="literal">)</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="blockDirection">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">blockDirection</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns the writing script direction of the current element.
Available as a property of the IE <span class="literal">currentStyle</span>
object only.
</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>if (document.getElementById("myDIV").style.blockDirection = "rtl") {
    // process right-to-left text
}</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 colspan="2"><p>			String constant values: <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 colspan="2"><p>			<span class="literal">ltr</span></p>
					</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">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Provides a shorthand property for getting or setting the
<span class="literal">borderColor</span>, <span class="literal">borderStyle</span>,
and/or <span class="literal">borderWidth</span> properties of all four borders
around an element in one statement. You must specify a border style
(see <span class="literal">borderStyle</span>) for changes of this property to
affect the display of the element's border (a
missing style is interpreted as no style, ergo no border). Numerous
other properties allow you to set the width, style, and color of
individual edges or groups of edges if you don't
want all four edges to be the same. Only those component settings
explicitly made in the element's tag attributes are
reflected in the property, but you may assign components not part of
the original tag. Available in IE as a property of the
<span class="literal">style</span> and <span class="literal">runtimeStyle</span> objects
only.
</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>document.getElementById("announce").style.border = "inset red 4px";</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 colspan="2"><p>			Space-delimited string. For the <span class="literal">borderStyle</span> and
<span class="literal">borderWidth</span> component values, see the respective
properties in this chapter. For details on the
<span class="literal">borderColor</span> value, see the section about CSS
colors at the beginning of Chapter 11.
</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 colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div><div id="borderBottom, borderLeft, borderRight, borderTop">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">borderBottom, borderLeft, borderRight, borderTop</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>These are shorthand properties for getting or setting the
<span class="literal">borderColor</span>, <span class="literal">borderStyle</span>,
and/or <span class="literal">borderWidth</span> properties for a single edge of
an element in one statement. You must specify a border style (see
<span class="literal">borderStyle</span>) for changes of these properties to
affect the display of the element's border (a
missing style is interpreted as no style, ergo no border along the
specified edge). If you want all four edges to be the same, see the
<span class="literal">border</span> attribute. Only those component settings
explicitly made in the element's tag attributes are
reflected in the property, but you may assign components not part of
the original tag. Available in IE as properties of the
<span class="literal">style</span> and <span class="literal">runtimeStyle</span> objects
only.
</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>document.getElementById("announce").style.borderBottom = "inset red 4px";
document.getElementById("announce").style.borderLeft = "solid #20ff00 2px";
document.getElementById("announce").style.borderRight = "double 3px";
document.getElementById("announce").style.borderTop = "outset red 8px";</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 colspan="2"><p>			Space-delimited string. For the
<span class="literal">border</span><span class="replaceable">Side</span><span class="literal">Style</span>
and
<span class="literal">border</span><span class="replaceable">Side</span><span class="literal">Width</span>
component values, see the respective properties in this chapter. For
details on the
<span class="literal">border</span><span class="replaceable">Side</span><span class="literal">Color</span>
value formats, see the section about colors at the beginning of Chapter 11.
</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 colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div><div id="borderBottomColor, borderLeftColor, borderRightColor, borderTopColor">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">borderBottomColor, borderLeftColor, borderRightColor, borderTopColor</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Provide the color of a single border edge of an element. It is easy
to abuse these properties by mixing colors that
don't belong together. See also the
<span class="literal">borderColor</span> attribute for setting the color for
groups of edges in one statement.
</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>document.getElementById("announce").style.borderBottomColor = "red";
document.getElementById("announce").style.borderLeftColor = "#20ff00";
document.getElementById("announce").style.borderRightColor = "rgb(100, 75, 0)";
document.getElementById("announce").style.borderTopColor = "rgb(90%, 0%, 25%)";</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 colspan="2"><p>			For details on CSS color values, see the section about colors at the
beginning of Chapter 11.
</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 colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div><div id="borderBottomStyle, borderLeftStyle, borderRightStyle, borderTopStyle">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">borderBottomStyle, borderLeftStyle, borderRightStyle, borderTopStyle</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Provide the line style of a single border edge of an element. The
edge-specific attributes let you override a style that has been
applied to all four edges with the <span class="literal">border</span> or
<span class="literal">borderStyle</span> properties. See also the
<span class="literal">borderStyle</span> property for setting the style for
groups of edges in one statement.
</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>document.getElementById("announce").style.borderBottomStyle = "groove";
document.getElementById("announce").style.borderLeftStyle = "double";
document.getElementById("announce").style.borderRightStyle = "solid";
document.getElementById("announce").style.borderTopStyle = "inset";</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 colspan="2"><p>			Style values are case-insensitive constants that are associated with
specific ways of rendering border lines. The CSS style constants are:
<span class="literal">dashed</span>, <span class="literal">dotted</span>,
<span class="literal">double</span>, <span class="literal">groove</span>,
<span class="literal">hidden</span>, <span class="literal">inset</span>,
<span class="literal">none</span>, <span class="literal">outset</span>,
<span class="literal">ridge</span>, and <span class="literal">solid</span>. Not all
browsers recognize all the values in the CSS recommendation. See the
<span class="literal">border-style</span> attribute listing in Chapter 11 for complete details on the available border
styles.
</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 colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div><div id="borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Provide the width of a single border edge of an element. See also the
<span class="literal">borderWidth</span> property for setting the width for
groups of edges in one statement.
</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>document.getElementById("announce").style.borderBottomWidth= "thin";
document.getElementById("announce").style.borderLeftWidth = "thick";
document.getElementById("announce").style.borderRightWidth = "2px";
document.getElementById("announce").style.borderTopWidth = "0.5em";</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 colspan="2"><p>			Three case-insensitive constants<span class="literal">thin</span> |
<span class="literal">medium</span> | <span class="literal">thick</span>allow the
browser to define how many pixels are used to show the border. For
more precision, you can also assign a length value (see the
discussion of CSS length values at the beginning of Chapter 11).
</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 colspan="2"><p>			<span class="literal">medium</span></p>
					</td>
				</tr>
			</table>
		</div><div id="borderCollapse">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">borderCollapse</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls which table border model the <span class="literal">table</span>
element should observe.
</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>document.getElementById("myTable").style.borderCollapse = "separate";</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 colspan="2"><p>			Two case-insensitive string constants: <span class="literal">collapse</span> |
<span class="literal">separate</span>. IE 5 for Macintosh and Netscape 6 do not
respond to changes to this property.
</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 colspan="2"><p>			<span class="literal">separate</span></p>
					</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">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>A shortcut attribute that lets you set multiple border edges to the
same or different colors. You may supply one to four space-delimited
color values. The number of values determines which sides receive the
assigned colors.
</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>document.getElementById("announce").style.borderColor = "red";
document.getElementById("announce").style.borderColor = "red green";
document.getElementById("announce").style.borderColor =
"black rgb(100, 75, 0) #c0c0c0";
document.getElementById("announce").style.borderColor = "yellow green blue red";</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 colspan="2"><p>			This property accepts one, two, three, or four color values as a
string (including <span class="literal">transparent</span> as a color),
depending on how many and which borders you want to set with specific
colors. See the <span class="literal">border-color</span> attribute listing in
Chapter 11 for complete details on how the number
of values affects this property.
</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 colspan="2"><p>			The object's <span class="literal">color</span> property (if
it is set).
</p>
					</td>
				</tr>
			</table>
		</div><div id="borderSpacing">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">borderSpacing</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls the spacing between table cells when the table is in (the
default) separate borders mode, similar to a <span class="literal">table</span>
object's <span class="literal">cellSpacing</span> property. IE
5 for the Macintosh doesn't respond to changes of
this property's value. Available in IE as a property
of the <span class="literal">style</span> object only.
</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>document.getElementById("myTable").style.borderSpacing= "12px";</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 colspan="2"><p>			CSS length value as a string (see the discussion of CSS length values
at the beginning of Chapter 11).
</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="borderStyle">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">borderStyle</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>This is a shortcut property that lets you set multiple border edges
to the same or different style. You may supply one to four
space-delimited style values. The number of values determines which
sides receive the assigned colors.
</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>document.getElementById("announce").style.borderStyle = "solid";
document.getElementById("announce").style.borderStyle = "solid double";
document.getElementById("announce").style.borderStyle =
"double groove groove double";</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 colspan="2"><p>			Style values are case-insensitive constants that are associated with
specific ways of rendering border lines. The CSS style constants are:
<span class="literal">dashed</span>, <span class="literal">dotted</span>,
<span class="literal">double</span>, <span class="literal">groove</span>,
<span class="literal">hidden</span>, <span class="literal">inset</span>,
<span class="literal">none</span>, <span class="literal">outset</span>,
<span class="literal">ridge</span>, and <span class="literal">solid</span>. Not all
browsers recognize all the values in the CSS recommendation. See the
<span class="literal">border-style</span> attribute listing in Chapter 11 for complete details on the available border
styles.
</p>
					</td>
				</tr>
				<tr>
					<td colspan="2"><p>			This property accepts one, two, three, or four style values as a
string, depending on how many and which borders you want to set with
specific styles. See the <span class="literal">border-style</span> attribute
listing in Chapter 11 for complete details on how
the number of values affects this property.
</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 colspan="2"><p>			<span class="literal">none</span></p>
					</td>
				</tr>
			</table>
		</div><div id="borderWidth">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">borderWidth</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>This is a shortcut property that lets you set multiple border edges
to the same or different width. You may supply one to four
space-delimited width length values. The number of values determines
which sides receive the assigned widths.
</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>document.getElementById("founderQuote").style.borderWidth = "3px 5px";</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 colspan="2"><p>			Three case-insensitive constants<span class="literal">thin</span> |
<span class="literal">medium</span> | <span class="literal">thick</span>allow the
browser to define exactly how many pixels are used to show the
border. For more precision, you can also assign a length value (see
the discussion of length values at the beginning of Chapter 11).
</p>
					</td>
				</tr>
				<tr>
					<td colspan="2"><p>			This property accepts one, two, three, or four values, depending on
how many and which borders you want to set with specific widths. See
the <span class="literal">border-width</span> attribute listing in Chapter 11 for complete details on how the number of
values affects this property.
</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 colspan="2"><p>			<span class="literal">medium</span></p>
					</td>
				</tr>
			</table>
		</div><div id="bottom">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">bottom</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>For an absolute-positioned element, defines the position of the
bottom edge of an element's box (content plus bottom
padding, border, and/or margin) relative to the bottom edge of the
next outermost block content container. IE for Windows and Netscape 6
do something unexpected when the positioned element uses the root
positioning context. Instead of using the bottom of the document as
the comparative edge, these browsers use the bottom of the browser
window space (the viewport in CSS terminology). This means that the
precise bottom position of the element varies with the
user's browser window size. IE 5 for the Macintosh
uses the document's bottom as the comparative edge.
This discrepancy makes it more practical to use the
<span class="literal">bottom</span> property for a positioned element nested
inside another positioned element. When the element is
relative-positioned, the offset is based on the bottom edge of the
inline location where the element would normally appear in the
content.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			For numeric calculations on this value in IE, retrieve the
<span class="literal">pixelBottom</span> or <span class="literal">posBottom</span> style
properties, which return genuine numeric values.
</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>document.getElementById("blockD2").style.bottom = "35px";</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 colspan="2"><p>			String consisting of a numeric value and length unit measure, a
percentage, or <span class="literal">auto</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 colspan="2"><p>			<span class="literal">auto</span></p>
					</td>
				</tr>
			</table>
		</div><div id="captionSide">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">captionSide</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls the location of a <span class="literal">caption</span> element (nested
inside a <span class="literal">table</span> element) relative to the
table's box.
</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>document.getElementById("myTable").style.captionSide = "bottom";</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 colspan="2"><p>			Case-insensitive string of any of the following constants:
<span class="literal">bottom</span> | <span class="literal">left</span> |
<span class="literal">right</span> | <span class="literal">top</span>. Some browsers may
be limited to only the <span class="literal">bottom</span> and
<span class="literal">top</span> values.
</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 colspan="2"><p>			<span class="literal">top</span></p>
					</td>
				</tr>
			</table>
		</div><div id="clear">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">clear</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Defines whether the element allows itself to be displayed in the same
horizontal band as a floating element. Typically, another element in
the vicinity has its <span class="literal">float</span> style attribute set to
<span class="literal">left</span> or <span class="literal">right</span>. To prevent the
current element from being in the same band as the floating block,
set the <span class="literal">clear</span> property to the same side
(<span class="literal">left</span> or <span class="literal">right</span>). If you
aren't sure where the potential overlap might occur,
set the <span class="literal">clear</span> property to <span class="literal">both</span>.
An element that has its <span class="literal">clear</span> property set to a
value other than <span class="literal">none</span> is rendered at the beginning
of the next available line below the floating 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>document.getElementById("myDiv").style.clear = "both";</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 colspan="2"><p>			Case-insensitive string of any of the following constants:
<span class="literal">both</span> | <span class="literal">left</span> |
<span class="literal">none</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 colspan="2"><p>			<span class="literal">none</span></p>
					</td>
				</tr>
			</table>
		</div><div id="clip">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">clip</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Defines a clipping region of a positionable element. The clipping
region is the area of the element layer in which content is visible.
Clipping may not work properly in Internet Explorer 4 for the
Macintosh. Available in IE as a property of the
<span class="literal">style</span> and <span class="literal">runtimeStyle</span> objects
only.
</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>document.getElementById("art2").style.clip = "rect(5px 100px 40px 0)";</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 colspan="2"><p>			Case-insensitive string of either the <span class="literal">auto</span>
constant or the CSS <span class="literal">clip</span> attribute setting that
specifies the shape (<span class="literal">rect</span> only for now) and the
position of the four clip edges relative to the original
element's top-left corner. When specifying lengths
for each side of the clipping rectangle, observe the clockwise order
of values: top, right, bottom, left. See the discussion about CSS
length values at the beginning of Chapter 11. A
value of <span class="literal">auto</span> sets the clipping region to the
block that contains the content. In Internet Explorer, the width may
extend to the width of the next outermost container (such as the
<span class="literal">body</span> element).
</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="clipBottom, clipLeft, clipRight, clipTop">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">clipBottom, clipLeft, clipRight, clipTop</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Return a clipping edge of a positionable element. Available in IE as
a property of the <span class="literal">currentStyle</span> object only.
</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>var cl = document.getElementById("art2").style.clipLeft;</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 colspan="2"><p>			Case-insensitive length string or <span class="literal">auto</span> constant.
See the discussion about CSS length values at the beginning of Chapter 11.
</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="color">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">color</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Sets the foreground (text) <span class="literal">color</span> style sheet
attribute of the element. For some graphically oriented elements,
such as form controls, the <span class="literal">color</span> attribute may
also be applied to element edges or other features. Such
extracurricular behavior is browser specific and may not be the same
across browsers.
</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>document.getElementById("specialDiv").style.color = "green";</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 colspan="2"><p>			Case-insensitive CSS color specification (see the discussion at
beginning of Chapter 11).
</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 colspan="2"><p>			<span class="literal">black</span></p>
					</td>
				</tr>
			</table>
		</div><div id="content">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">content</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Defines extra content that is to be displayed before or after and
element (in concert with the <span class="literal">:before</span> and
<span class="literal">:after</span> pseudo-classes. Although the property is
available for IE 5 Macintosh and Netscape 6, the values are empty
strings and the rendered content (which appears in Netscape 6 only)
does not change if you assign it a new value.
</p>
												</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 colspan="2"><p>			See the discussion of the <span class="literal">content</span> CSS attribute in
Chapter 11.
</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="counterIncrement, counterReset">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">counterIncrement, counterReset</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>These properties are placeholders for future implementations of
automatic counter mechanisms specified in the CSS specification. They
are not yet functional in the browsers shown above.
</p>
												</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 colspan="2"><p>			See the discussion of the <span class="literal">counterIncrement</span> and
<span class="literal">counterReset</span> CSS attributes in Chapter 11.
</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="cssFloat">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">cssFloat</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls the CSS <span class="literal">float</span> attribute for an element,
allowing adjacent text content to wrap around block elements, such as
images. Changing the value in IE 5 for Macintosh has no effect. The
"css" prefix for this property name
deflects potential conflicts with the <span class="literal">float</span>
reserved JavaScript keyword.
</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>document.getElementById("myDiv").style.cssFloat = "right";</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 colspan="2"><p>			String of an allowable constant value: <span class="literal">left</span> |
<span class="literal">right</span> | <span class="literal">none</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 colspan="2"><p>			<span class="literal">none</span></p>
					</td>
				</tr>
			</table>
		</div><div id="cssText">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">cssText</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a string of the entire CSS style sheet rule applied to the
element. If the rule included shorthand style attribute settings
(such as <span class="literal">border</span>), browsers return modified
versions according to their ideas of what the value means. If you set
the <span class="literal">style</span> attribute of an element to
<span class="literal">style="border:</span> <span class="literal">groove</span>
<span class="literal">red</span> <span class="literal">3px"</span>, IE for Windows
reports the <span class="literal">cssText</span> property for that element as:
</p>
<span class="PROGRAMLISTING"><pre>BORDER-RIGHT: red 3px groove; BORDER-TOP: red 3px groove; 
BORDER-LEFT: red 3px groove; BORDER-BOTTOM: red 3px groove</pre></span>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			IE for Macintosh reports:</p>
<span class="PROGRAMLISTING"><pre>{BORDER-TOP: 3px groove red; BORDER-RIGHT: 3px groove red; 
BORDER-BOTTOM: 3px groove red; BORDER-LEFT: 3px groove red}</pre></span>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			And Netscape 6 reports:</p>
<span class="PROGRAMLISTING"><pre>border: 3px groove red;</pre></span>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			Note how each browser manipulates the sequence of individual values.
Even so, you can assign a shorthand value to the property and in any
order you like. Available in IE as a property of the
<span class="literal">style</span> and <span class="literal">runtimeStyle</span> objects
only.
</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>document.getElementById("block3").style.cssText = "margin: 2px; font-size: 14pt";</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 colspan="2"><p>			String value of semicolon-delimited style attributes.</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div>
		<div id="currentStyle">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">currentStyle</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"><span class="emphasis">Read-only</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a <span class="literal">style</span> object with properties that
reflect the effective values being applied to the element. This
property takes into account style sheet rules defined in a
<span class="literal">style</span> element, imported from external style sheet
files, and inline style attributes. Because the
<span class="literal">style</span> property reflects only inline style
attributes, the <span class="literal">currentStyle</span> property is more
valuable for reading initial values after a document loads. To modify
style attributes, you can use the element's
<span class="literal">style</span> object properties. For similar capabilities
in Netscape 6, see the <span class="literal">window.getComputedStyle( )</span>
method.
</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>var currSize = document.getElementById("<span class="replaceable">elementID</span>").currentStyle.fontSize;</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 colspan="2"><p>			<span class="literal">style</span> object reference.</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 colspan="2"><p>			The effective <span class="literal">style</span> object. </p>
					</td>
				</tr>
			</table>
		</div>
		<div id="cue, cueAfter, cueBefore">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">cue, cueAfter, cueBefore</td><td valign="top" nowrap class="compatibility">&nbsp;&nbsp;</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 azimuth.</p>
												</td>
</tr>
			</table>
		</div><div id="cursor">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">cursor</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies the shape of the cursor when the screen pointer is atop the
element. The precise look of cursors depends on the operating system.
Before deploying a modified cursor, be sure you understand the
standard ways that the various types of cursors are used within the
browser and operating system. Users expect a cursor design to mean
the same thing across all applications. Figure 11-3 in Chapter 11 offers a gallery of Windows and Macintosh
cursors for each of the cursor constant settings provided by Internet
Explorer and the Netscape 6 group.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			Setting this property affects the cursor only when it is atop the
current element and does not set the cursor immediately on a global
basis.
</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>document.getElementById("hotStuff").style.cursor = "pointer";</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 colspan="2"><p>			Any one cursor constant as a string, as supported by various browsers
and versions.
</p>
					</td>
				</tr>
				<tr>
					<td colspan="2"><p>			The IE 6 setting of an external URL requires an address of a cursor
file of extension <span class="emphasis">.cur</span> or
<span class="emphasis">.ani</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><th>Cursor name</th><th>IE/Windows</th><th>IE/Mac</th><th>NN</th><tr><td><span class="literal">alias</span></td><td>n/a</td><td>n/a</td><td>6</td>
								</tr>
								<tr><td><span class="literal">all-scroll</span></td><td>6</td><td>n/a</td><td>n/a</td>
								</tr>
								<tr><td><span class="literal">auto</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">cell</span></td><td>n/a</td><td>n/a</td><td>6</td>
								</tr>
								<tr><td><span class="literal">col-resize</span></td><td>6</td><td>n/a</td><td>n/a</td>
								</tr>
								<tr><td><span class="literal">context-menu</span></td><td>n/a</td><td>n/a</td><td>6</td>
								</tr>
								<tr><td><span class="literal">copy</span></td><td>n/a</td><td>n/a</td><td>6</td>
								</tr>
								<tr><td><span class="literal">count-down</span></td><td>n/a</td><td>n/a</td><td>6</td>
								</tr>
								<tr><td><span class="literal">count-up</span></td><td>n/a</td><td>n/a</td><td>6</td>
								</tr>
								<tr><td><span class="literal">count-up-down</span></td><td>n/a</td><td>n/a</td><td>6</td>
								</tr>
								<tr><td><span class="literal">crosshair</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">default</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">e-resize</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">grab</span></td><td>n/a</td><td>n/a</td><td>6</td>
								</tr>
								<tr><td><span class="literal">grabbing</span></td><td>n/a</td><td>n/a</td><td>6</td>
								</tr>
								<tr><td><span class="literal">hand</span></td><td>4</td><td>4</td><td>n/a</td>
								</tr>
								<tr><td><span class="literal">help</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">move</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">n-resize</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">ne-resize</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">no-drop</span></td><td>6</td><td>n/a</td><td>n/a</td>
								</tr>
								<tr><td><span class="literal">not-allowed</span></td><td>6</td><td>n/a</td><td>n/a</td>
								</tr>
								<tr><td><span class="literal">nw-resize</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">pointer</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">progress</span></td><td>6</td><td>n/a</td><td>n/a</td>
								</tr>
								<tr><td><span class="literal">row-resize</span></td><td>6</td><td>n/a</td><td>n/a</td>
								</tr>
								<tr><td><span class="literal">s-resize</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">se-resize</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">spinning</span></td><td>n/a</td><td>n/a</td><td>6</td>
								</tr>
								<tr><td><span class="literal">sw-resize</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">text</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">url(</span><span class="replaceable">uri</span><span class="literal">)</span>
</td><td>6</td><td>n/a</td><td>n/a</td>
								</tr>
								<tr><td><span class="literal">vertical-text</span></td><td>6</td><td>n/a</td><td>n/a</td>
								</tr>
								<tr><td><span class="literal">w-resize</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">wait</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
							</tbody></table>
					</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 colspan="2"><p>			<span class="literal">auto</span></p>
					</td>
				</tr>
			</table>
		</div><div id="direction">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">direction</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns the writing script direction of the current element. Intended
primarily for elements inside documents with mixed writing script
directions (e.g., French text intermingled among Arabic).
</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>document.getElementById("term3").style.direction = "ltr";</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 colspan="2"><p>			String constant values: <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 colspan="2"><p>			<span class="literal">ltr</span></p>
					</td>
				</tr>
			</table>
		</div>
		<div id="disabled">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">disabled</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Read/Write</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>			Specifies whether the element is available for user interaction. When
		set to <span class="literal">true</span>, the element cannot receive focus or
		be modified by the user, and it typically appears grayed out on the
		page. This property is available for all HTML element objects in IE
		5.5 for Windows and later. For IE 4 and IE 5, it applies only to form
		controls, while Netscape 6 and later recognize the property for form
		controls and the <span class="literal">style</span> element object. A disabled
		form control's name/value pair is not submitted with
		its form.
		</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>document.getElementById("myButton").disabled = true;</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 colspan="2"><p>			Boolean value: <span class="literal">true</span> | <span class="literal">false</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 colspan="2"><p>			<span class="literal">false</span></p>
							</td>
						</tr>
					</table>
				</div>

		<div id="display">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">display</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls the CSS box type used to render the element. The most common
settings for body content dictate whether an element is rendered as a
block or inline element. When set to <span class="literal">none</span>, the
element is hidden, and surrounding content cinches up to fill the
space. Some box types are specific to tables and lists.
</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>document.getElementById("instructionDiv").style.display = "none";</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 colspan="2"><p>			Any one display type constant as a string, as supported by various
browsers and versions.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><th>Display type</th><th>IE/Windows</th><th>IE/Mac</th><th>NN</th><tr><td><span class="literal">block</span></td><td>5</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">inline</span></td><td>5</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">inline-block</span></td><td>5.5</td><td>n/a</td><td>n/a</td>
								</tr>
								<tr><td><span class="literal">none</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
								<tr><td><span class="literal">run-in</span></td><td>n/a</td><td>5</td><td>6</td>
								</tr>
								<tr><td><span class="literal">table-footer-group</span></td><td>5.5</td><td>5</td><td>6</td>
								</tr>
								<tr><td><span class="literal">table-header-group</span></td><td>5</td><td>5</td><td>6</td>
								</tr>
							</tbody></table>
					</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 colspan="2"><p>			Element-dependent.</p>
					</td>
				</tr>
			</table>
		</div><div id="elevation">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">elevation</td><td valign="top" nowrap class="compatibility">&nbsp;&nbsp;</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 azimuth.</p>
												</td>
</tr>
			</table>
		</div><div id="emptyCells">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">emptyCells</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>When a table is set to render the separate cell box format (the
default), and a border is established for <span class="literal">td</span>
elements in that table, the <span class="literal">emptyCells</span> style
property controls whether the table renders borders around cells that
have no content.
</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>document.getElementById("myTable").style.emptyCells = "hide";</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 colspan="2"><p>			String of allowable constant values: <span class="literal">hide</span> |
<span class="literal">show</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 colspan="2"><p>			<span class="literal">show</span></p>
					</td>
				</tr>
			</table>
		</div><div id="filter">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">filter</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Sets the visual, reveal, or blend filter used to display or change
content of an element. A visual filter can be applied to an element
to produce effects such as content flipping, glow, drop shadow, and
many others. A reveal filter is applied to an element when its
visibility changes. The value of the reveal filter determines what
visual effect is to be applied to the transition from hidden to shown
(or vice versa). This includes effects such as wipes, blinds, and
barn doors. A blend filter sets the speed at which a transition
between states occurs. Although the <span class="literal">filter</span>
property is present in Internet Explorer for Macintosh, it does not
operate there.
</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>document.getElementById("fancy").style.filter= "dropshadow( )";</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 colspan="2"><p>			Each filter property may have more than one space-delimited filter
type associated with it. Each filter type is followed by a pair of
parentheses, which may convey parameters about the behavior of the
filter for the current element. A parameter generally consists of a
name/value pair, with assignment performed by the equals symbol. Note
that Microsoft instituted an entirely new filter syntax starting with
IE 5.5 for Windows. The new syntax runs in parallel with the old (for
now). See the <span class="literal">filter</span> style sheet attribute listing
in Chapter 11 for details on filter settings and
parameters.
</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="font">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">font</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>This is a shorthand property that lets you set one or more
font-related properties<span class="literal">fontFamily</span>,
<span class="literal">fontSize</span>, <span class="literal">lineHeight</span> (which
must be preceded by a <span class="literal">/</span> symbol in this property),
<span class="literal">fontStyle</span>, <span class="literal">fontVariant</span>, and
<span class="literal">fontWeight</span>with one assignment statement. A
space-delimited list of values (in any sequence) is applied to the
specific font properties for which the value is a valid type. Or, you
can short-circuit these individual settings by choosing one of the
default (operating-system-dependent) system fonts:
<span class="literal">caption</span> | <span class="literal">icon</span> |
<span class="literal">menu</span> | <span class="literal">message-box</span> |
<span class="literal">small-caption</span> | <span class="literal">status-bar</span>.
</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>document.getElementById("subhead").style.font = "bolder small-caps 16pt";</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 colspan="2"><p>			For syntax and examples of value types for font-related properties,
see the respective property listing.
</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="fontFamily">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">fontFamily</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Provides a prioritized list of font families to be used to render the
object's content. One or more font family names may
be included in a comma-delimited list of property values. If a font
family name consists of multiple words, the family name must be
inside a set of inner quotes. Available in IE as a property of the
<span class="literal">style</span> and <span class="literal">runtimeStyle</span> objects
only, but the individual font properties are available in
<span class="literal">currentStyle</span>, as well.
</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>document.getElementById("subhead").style.fontFamily =
    "'Century Schoolbook', Times, serif";</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 colspan="2"><p>			Any number of font family names, comma delimited. Multiword family
names must be quoted. Recognized generic family names are:
<span class="literal">serif</span> | <span class="literal">sans-serif</span> |
<span class="literal">cursive</span> | <span class="literal">fantasy</span> |
<span class="literal">monospace</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 colspan="2"><p>			Browser default.</p>
					</td>
				</tr>
			</table>
		</div><div id="fontSize">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">fontSize</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Indicates the font size of the element. The font size can be set in
several ways. A collection of constants (<span class="literal">xx-small</span>,
<span class="literal">x-small</span>, <span class="literal">small</span>,
<span class="literal">medium</span>, <span class="literal">large</span>,
<span class="literal">x-large</span>, <span class="literal">xx-large</span>) defines what
are known as <span class="emphasis">absolute</span> sizes. In truth, these are
absolute only in a single browser in a single operating system, since
the reference point for these sizes varies with browser and operating
system (analogous to the old HTML font sizes of 1 through 7). But
they do let the author have confidence that one element set to
<span class="literal">large</span> is rendered larger than
<span class="literal">medium</span>.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			Another collection of constants (<span class="literal">larger</span>,
<span class="literal">smaller</span>) is known as relative sizes. Because the
<span class="literal">font-size</span> style attribute is inherited from the
parent element, these relative sizes are applied to the parent
element to determine the font size of the current element. It is up
to the browser to determine exactly how much larger or smaller the
font size is, and a lot depends on how the parent
element's font size is set. If it is set with one of
the absolute sizes (<span class="literal">large</span>, for example), a
child's font size of <span class="literal">larger</span> means
the font is rendered in the browser's
<span class="literal">x-large</span> size. The increments are not as clear-cut
when the parent font size is set with a length or percentage.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			If you elect to use a length value for the
<span class="literal">fontSize</span> property, you will achieve greater
consistency across operating systems if units such as pixels
(<span class="literal">px</span>) or ems (<span class="literal">em</span>), instead of
points (<span class="literal">pt</span>). Em units are calculated with respect
to the size of the parent element's font size.
Finally, you can set <span class="literal">fontSize</span> to a percentage,
which is calculated based on the size of the parent
element's font size.
</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>document.getElementById("teeny").style.fontSize = "x-small";</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 colspan="2"><p>			Case-insensitive string values from any of the following categories.
For an absolute size, one of the following constants:
<span class="literal">xx-small</span> | <span class="literal">x-small</span> |
<span class="literal">small</span> | <span class="literal">medium</span> |
<span class="literal">large</span> | <span class="literal">x-large</span> |
<span class="literal">xx-large</span>. For a relative size, one of the
following constants: <span class="literal">larger</span> |
<span class="literal">smaller</span>. For a length, see the discussion about
CSS length values at the beginning of Chapter 11.
For a percentage, the percentage value and the <span class="literal">%</span>
symbol.
</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 colspan="2"><p>			Parent element's font size.</p>
					</td>
				</tr>
			</table>
		</div><div id="fontSizeAdjust">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">fontSizeAdjust</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Provides the font aspect value, usually of the first font family in a
font-family attribute sequence, forcing alternative font families to
calculate their rendered font size to closely match that of the
primary font family. Although this property is a member of the
<span class="literal">style</span> object in IE 5/Mac and Netscape 6, neither
the <span class="literal">style</span> attribute nor scripted changes to it
affect the font display.
</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>document.getElementById("myDIV").style.fontSizeAdjust = "0.56";</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 colspan="2"><p>			Numeric aspect value as a quoted string, or <span class="literal">none</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 colspan="2"><p>			<span class="literal">none</span></p>
					</td>
				</tr>
			</table>
		</div><div id="fontStretch">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">fontStretch</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Provides the character spacing for the element, based on available
spacing widths available for the current font family. Although this
property is a member of the style object in IE 5/Mac and Netscape 6,
neither the style attribute nor scripted changes to it affect the
font display.
</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>document.getElementById("myDIV").style.fontStretch= "ultra-condensed";</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 colspan="2"><p>			String of allowable constant values: <span class="literal">normal</span> |
<span class="literal">wider</span> | <span class="literal">narrower</span> |
<span class="literal">ultra-condensed</span> |
<span class="literal">extra-condensed</span> | <span class="literal">condensed</span> |
<span class="literal">semi-condensed</span> | <span class="literal">semi-expanded</span>
| <span class="literal">expanded</span> | <span class="literal">extra-expanded</span> |
<span class="literal">ultra-expanded</span>, or <span class="literal">none</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 colspan="2"><p>			<span class="literal">none</span></p>
					</td>
				</tr>
			</table>
		</div><div id="fontStyle">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">fontStyle</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies whether the element is rendered in a normal (roman),
italic, or oblique font style. If the <span class="literal">fontFamily</span>
includes font faces labeled Italic and/or Oblique, the setting of the
<span class="literal">fontStyle</span> attribute summons those particular font
faces from the browser's system. But if the
specialized font faces are not available in the system, the normal
font face is usually algorithmically slanted to look italic. Output
sent to a printer with such font settings relies on the quality of
arbitration between the client computer and printer to render an
electronically generated italic font style. Personal computer
software typically includes other kinds of font rendering under the
heading of "Style." See
<span class="literal">fontVariant</span> and <span class="literal">fontWeight</span> for
other kinds of font "styles."
</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>document.getElementById("emphasis").style.fontStyle = "italic";</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 colspan="2"><p>			One the following string constant values: <span class="literal">normal</span> |
<span class="literal">italic</span> | <span class="literal">oblique</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 colspan="2"><p>			<span class="literal">normal</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="fontVariant">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">fontVariant</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies whether the element should be rendered in all uppercase
letters in such a way that lowercase letters of the source code are
rendered in smaller uppercase letters. If a font family contains a
small caps variant, the browser should use it automatically. More
likely, however, the browser calculates a smaller size for the
uppercase letters that take the place of source code lowercase
letters. In practice, Internet Explorer 4 renders the entire source
code content as uppercase letters of the same size as the parent
element's font, regardless of the case of the source
code. Later IE versions and Netscape 6 use two different uppercase
sizes.
</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>document.getElementById("emphasis").style.fontVariant = "small-caps";</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 colspan="2"><p>			Any of the following constant values as strings:
<span class="literal">normal</span> | <span class="literal">small-caps</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 colspan="2"><p>			<span class="literal">normal</span></p>
					</td>
				</tr>
			</table>
		</div><div id="fontWeight">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">fontWeight</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Sets the weight (boldness) of the element's font.
CSS provides a weight rating scheme that is more granular than most
browsers render on the screen, but the finely tuned weights may come
into play when the content is sent to a printer. The scale is a
numeric rating from 100 to 900 at 100-unit increments. Therefore, a
<span class="literal">fontWeight</span> of 100 would be the least bold that
would be displayed, while 900 would be the boldest. A setting of
<span class="literal">normal</span> (the default weight for any font) is
equivalent to a <span class="literal">fontWeight</span> value of
<span class="literal">400</span>; the standard bold setting is equivalent to
<span class="literal">700</span>. Other settings (<span class="literal">bolder</span> and
<span class="literal">lighter</span>) let you specify a weight relative to the
parent element's weight.
</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>document.getElementById("hotStuff").style.fontWeight = "bold";</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 colspan="2"><p>			Any of the following constant values: <span class="literal">bold</span> |
<span class="literal">bolder</span> | <span class="literal">lighter</span> |
<span class="literal">normal</span> | <span class="literal">100</span> |
<span class="literal">200</span> | <span class="literal">300</span> |
<span class="literal">400</span> | <span class="literal">500</span> |
<span class="literal">600</span> | <span class="literal">700</span> |
<span class="literal">800</span> | <span class="literal">900</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 colspan="2"><p>			<span class="literal">normal</span> </p>
					</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">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Indicate the height and width (and their units) of the element.
Because the values are strings containing the assigned units, you
cannot use these properties for calculation. Grab copies of the
numbers by using <span class="literal">parseFloat( )</span> on the values; or
for IE, use <span class="literal">pixelHeight</span>,
<span class="literal">pixelWidth</span>, <span class="literal">posHeight</span>, and
<span class="literal">posWidth</span> properties. Changes to these properties
may not be visible unless the element has its
<span class="literal">position</span> style attribute set.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			In IE 6 standards compatibility mode (where
<span class="literal">document.compatType == "CSS1Compat"</span>), these
dimensions apply to only the content portion of an element,
irrespective of borders, padding, or margins. For example, if a
positioned element that is equipped with padding and borders must be
sized to a precise rectangular size, you must subtract the
thicknesses of the padding and borders from the height and width
values so that the overall element is the desired size.
</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>document.getElementById("viewArea").style.height = "450px";</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 colspan="2"><p>			String consisting of a numeric value and length measure or percentage.</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="imeMode">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">imeMode</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls the presence of the Input Method Editor in IE for Windows
for browser and system versions that support languages such as
Chinese, Japanese, and Korean.
</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>document.getElementById("nameEntry").style.imeMode = "active";</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 colspan="2"><p>			String of allowable constant values: <span class="literal">active</span> |
<span class="literal">auto</span> | <span class="literal">disabled</span> |
<span class="literal">inactive</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 colspan="2"><p>			<span class="literal">auto</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="layoutFlow">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">layoutFlow</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Intended primarily for languages that display characters in vertical
sentences, controls the progression of content. Replaced starting
with IE 5.5 for Windows by the <span class="literal">writingMode</span>
property.
</p>
												</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 colspan="2"><p>			One of the constant values (as a string):
<span class="literal">horizontal</span> |
<span class="literal">vertical-ideographic</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 colspan="2"><p>			<span class="literal">horizontal</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="layoutGrid">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">layoutGrid</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>This is a shorthand property that lets you set one or more layout
grid properties (<span class="literal">layoutGridChar</span>,
<span class="literal">layoutGridLine</span>, <span class="literal">layoutGridMode</span>,
and <span class="literal">layoutGridType</span>) with one assignment statement.
These attributes are used primarily with Asian language content.
</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>document.getElementById("subhead").style.layoutGrid = "2em strict";</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 colspan="2"><p>			For syntax and examples of value types for layoutGrid-related
properties, see the respective property listing.
</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="layoutGridChar">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">layoutGridChar</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Dictates the size of Asian language character grid for block-level
elements.
</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>document.getElementById("subhead").style.layoutGrid Char= "auto";</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 colspan="2"><p>			String consisting of an explicit CSS length value or
<span class="literal">auto</span> or <span class="literal">none</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 colspan="2"><p>			<span class="literal">none</span></p>
					</td>
				</tr>
			</table>
		</div><div id="layoutGridLine">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">layoutGridLine</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Dictates the line height of Asian language character grid for
block-level elements.
</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>document.getElementById("subhead").style.layoutGrid Line= "120%";</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 colspan="2"><p>			String consisting of an explicit CSS length value or
<span class="literal">auto</span> or <span class="literal">none</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 colspan="2"><p>			<span class="literal">none</span></p>
					</td>
				</tr>
			</table>
		</div><div id="layoutGridMode">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">layoutGridMode</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies whether the Asian language character grid should be one- or
two-dimensional.
</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>document.getElementById("subhead").style.layoutGrid Mode= "both";</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 colspan="2"><p>			String constant values: <span class="literal">both</span> |
<span class="literal">char</span> (for inline elements) |
<span class="literal">line</span> (for block-level elements) |
<span class="literal">none</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 colspan="2"><p>			<span class="literal">both</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="layoutGridType">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">layoutGridType</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls how the layout grid responds to characters of varying width..</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>document.getElementById("subhead").style.layoutGrid Type = "strict";</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 colspan="2"><p>			String constant values: <span class="literal">fixed</span> |
<span class="literal">loose</span> | <span class="literal">strict</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 colspan="2"><p>			<span class="literal">loose</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="left">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">left</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>For positionable elements, defines the position of the left edge of
an element's box (content plus left padding, border,
and/or margin) relative to the left edge of the next outermost block
content container. When the element is relative-positioned, the
offset is based on the left edge of the inline location of where the
element would normally appear in the content.
</p>
							</td>
						</tr>
						<tr>
							<td colspan="2"><p>			For calculations on this value, use <span class="literal">parseFloat( )</span>
on the returned value; or, in IE, retrieve the
<span class="literal">pixelLeft</span> or <span class="literal">posLeft</span>
properties, which return genuine numeric values.
</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>document.getElementById("blockD2").style.left = "45px";</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 colspan="2"><p>			String consisting of a numeric value and length unit measure, a
percentage, or <span class="literal">auto</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 colspan="2"><p>			<span class="literal">auto</span></p>
					</td>
				</tr>
			</table>
		</div><div id="letterSpacing">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">letterSpacing</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies the spacing between characters within an element. Browsers
normally define the character spacing based on font definitions and
operating system font rendering. Assigning a negative value tightens
the spacing, but be sure to test the effect on the selected font for
readability on different operating systems.
</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>document.body.style.letterSpacing = "1.1em";</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 colspan="2"><p>			A string of a length value (with unit of measure) or
<span class="literal">normal</span>. The best results are achieved by using
units that are based on the rendered font size (<span class="literal">em</span>
and <span class="literal">ex</span>). A setting of <span class="literal">normal</span> is
how the browser sets the letters without any intervention.
</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 colspan="2"><p>			<span class="literal">normal</span></p>
					</td>
				</tr>
			</table>
		</div><div id="lineBreak">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">lineBreak</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls line breaking rules for Japanese text.</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>document.body.style.lineBreak = "strict";</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 colspan="2"><p>			String constant values: <span class="literal">normal</span> |
<span class="literal">strict</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 colspan="2"><p>			<span class="literal">normal</span></p>
					</td>
				</tr>
			</table>
		</div><div id="lineHeight">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">lineHeight</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Indicates the height of the inline box (the box holding one physical
line of content). See the <span class="literal">line-height</span> style
attribute in Chapter 11 for details on browser
quirks and inheritance traits of different types of values.
</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>document.getElementById("tight").style.lineHeight = "1.1em";</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 colspan="2"><p>			A string of a length value (with unit of measure) or
<span class="literal">normal</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 colspan="2"><p>			<span class="literal">normal</span></p>
					</td>
				</tr>
			</table>
		</div><div id="listStyle">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">listStyle</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>This is a shorthand property for setting up to three list-style
properties in one assignment statement. Whichever attributes you
don't explicitly set with this attribute assume
their default values. These properties define display characteristics
for the markers automatically rendered for list items inside
<span class="literal">ol</span> and <span class="literal">ul</span> elements. This is
available in IE as a property of the <span class="literal">style</span> and
<span class="literal">runtimeStyle</span> objects only, but individual
properties are properties of <span class="literal">currentStyle</span>, as
well.
</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>document.getElementById("itemList").style.listStyle = "square outside none";</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 colspan="2"><p>			See the individual attribute entries for
<span class="literal">listStyleType</span>,
<span class="literal">listStylePosition</span>, and
<span class="literal">listStyleImage</span> for details on acceptable values
for each. You may include one, two, or all three values in the
list-style attribute setting in any order you wish.
</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="listStyleImage">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">listStyleImage</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Provides the URL for an image that is to be used as the marker for a
list item. Because this attribute can be inherited, a setting
(including <span class="literal">none</span>) for an individual list item can
override the same attribute or property setting in its parent.
</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>document.getElementById("itemList").style.listStyleImage = "url(images/3DBullet.gif)";</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 colspan="2"><p>			Use <span class="literal">none</span> (as a string) to override an image
assigned to a parent element. Otherwise, supply any valid full or
relative URL (in the CSS URL format) to an image file with a MIME
type that is readable by the browser.
</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 colspan="2"><p>			<span class="literal">none</span></p>
					</td>
				</tr>
			</table>
		</div><div id="listStylePosition">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">listStylePosition</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies whether the marker is inside or outside (outdented) the box
containing the list item's content. When
<span class="literal">listStylePosition</span> is set to
<span class="literal">inside</span> and the content is text, the marker appears
to be part of the text block. In this case, the alignment (indent) of
the list item is the same as <span class="literal">normal</span>, but without
the outdented marker.
</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>document.getElementById("itemList").style.listStylePosition = "inside";</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 colspan="2"><p>			Either constant value as a string: <span class="literal">inside</span> |
<span class="literal">outside</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 colspan="2"><p>			<span class="literal">outside</span></p>
					</td>
				</tr>
			</table>
		</div><div id="listStyleType">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">listStyleType</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies the kind of item marker to be displayed with each item.
This attribute is applied only if <span class="literal">listStyleImage</span>
is <span class="literal">none</span> (or not specified). The constant values
available for this attribute are divided into two categories. One set
is used with <span class="literal">ul</span> elements to present a filled disc,
an empty circle, or a filled square (except empty square on IE 4 for
Macintosh). The other set is for <span class="literal">ol</span> elements,
which has list items that can be marked in sequences of arabic
numerals, roman numerals (uppercase or lowercase), letters of the
alphabet (uppercase or lowercase), and some other character sequences
of other languages if the browser and operating system supports those
languages.
</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>document.getElementById("itemList").style.listStyleType = "circle";</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 colspan="2"><p>			One constant value as a string that is relevant to the type of list
container. For <span class="literal">ul</span>: <span class="literal">circle</span> |
<span class="literal">disc</span> | <span class="literal">square</span>. For
<span class="literal">ol</span>: <span class="literal">decimal</span> |
<span class="literal">decimal-leading-zero</span> |
<span class="literal">lower-roman</span> | <span class="literal">upper-roman</span> |
<span class="literal">lower-greek</span> | <span class="literal">lower-alpha</span> |
<span class="literal">lower-latin</span> | <span class="literal">upper-alpha</span> |
<span class="literal">upper-latin</span> | <span class="literal">hebrew</span> |
<span class="literal">armenian</span> | <span class="literal">georgian</span> |
<span class="literal">cjk-ideographic</span> | <span class="literal">hiragana</span> |
<span class="literal">katakana</span> | <span class="literal">hiragana-iroha</span> |
<span class="literal">katakana-iroha</span>. Commonly-supported
<span class="literal">ol</span> element sequences are treated as shown in the
following table.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><th>Type</th><th>Example</th><tr><td><span class="literal">decimal</span></td><td>1, 2, 3, ...</td>
								</tr>
								<tr><td><span class="literal">decimal-leading-zero</span></td><td>01, 02, 03, ...</td>
								</tr>
								<tr><td><span class="literal">lower-alpha</span></td><td>a, b, c, ...</td>
								</tr>
								<tr><td><span class="literal">lower-greek</span></td><td>, , , ...</td>
								</tr>
								<tr><td><span class="literal">lower-roman</span></td><td>i, ii, iii, ...</td>
								</tr>
								<tr><td><span class="literal">upper-alpha</span></td><td>A, B, C, ...</td>
								</tr>
								<tr><td><span class="literal">upper-roman</span></td><td>I, II, III, ...</td>
								</tr>
							</tbody></table>
					</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 colspan="2"><p>			<span class="literal">disc</span> (for <span class="literal">ul</span>);
<span class="literal">decimal</span> (for <span class="literal">ol</span>).
</p>
					</td>
				</tr>
			</table>
		</div><div id="margin">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">margin</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>This is a shortcut property that can set the margin widths of up to
four edges of an element with one statement. A margin is space that
extends beyond the border of an element to provide extra empty space
between adjacent or nested elements, especially those that have
border attributes set. You may supply one to four space-delimited
margin values. The number of space-delimited values determines which
sides receive the assigned margins.
</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>document.getElementById("logoWrapper").style.margin = "5px 8px";</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 colspan="2"><p>			This property accepts one, two, three, or four space-delimited values
inside one string, depending on how many and which margins you want
to set. See the <span class="literal">margin</span> attribute listing in Chapter 11 for complete details on how the number of
values affects this property. Values for the margins can be lengths,
percentages of the next outermost element size, or the
<span class="literal">auto</span> 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 colspan="2"><p>			<span class="literal">0</span></p>
					</td>
				</tr>
			</table>
		</div><div id="marginBottom, marginLeft, marginRight, marginTop">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">marginBottom, marginLeft, marginRight, marginTop</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">6</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>All four properties set the width of a single margin edge of an
element. A margin is space that extends beyond the
element's border and is not calculated as part of
the element's width or height.
</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>document.getElementById("logoWrapper").style.marginTop = "5px";
document.getElementById("navPanel").style.marginLeft = "10%";</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 colspan="2"><p>			Values for margin widths can be length values, percentages of the
next outermost element size, or the <span class="literal">auto</span> 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 colspan="2"><p>			<span class="literal">0</span></p>
					</td>
				</tr>
			</table>
		</div><div id="markerOffset">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">markerOffset</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls the space between list item markers (which occupy their own
box in the CSS box model) and the box that contains the list item
text. Although the property is available for Netscape 6, the value is
an empty string and the rendered content does not change if you
assign it a new value.
</p>
												</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 colspan="2"><p>			A string of a length value (with unit of measure) or
<span class="literal">auto</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="marks">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">marks</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Sets crop mark type for an <span class="literal">@page</span> rule. Although
the property is available for IE 5 Macintosh and Netscape 6, the
values are empty strings and the rendered content does not change if
you assign it a new value.
</p>
												</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 colspan="2"><p>			Case-insensitive string of any of the following constants:
<span class="literal">crop</span> | <span class="literal">cross</span> |
<span class="literal">none</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 colspan="2"><p>			<span class="literal">none</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="maxHeight, maxWidth, minHeight, minWidth">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">maxHeight, maxWidth, minHeight, minWidth</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">(See text)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Define loose heights and widths for an element so that, for
"max" properties, an element is
allowed to grow no bigger in the designated dimension, or, for
"min" properties, an element can
expand in the designated dimension to accommodate more than expected
content or rendering situations. Although the property is available
for IE 5 Macintosh and Netscape 6, it is either ignored (IE 5 for
Mac) or buggy (Netscape 6). IE 6 for Windows supports only the
<span class="literal">minWidth</span> property, and it can be used only for
<span class="literal">tr</span>, <span class="literal">th</span>, and
<span class="literal">td</span> elements.
</p>
												</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 colspan="2"><p>			CSS length value (see Chapter 11) as a string.</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="MozBinding">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">MozBinding</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Points to the URL of an XML document designed to enhance an existing
element or create a new interface element. Based on Mozilla XBL
(Extensible Bindings Language). For more details, visit http://www.mozilla.org/unix/customizing.html.
</p>
												</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 colspan="2"><p>			CSS URL value string or <span class="literal">none</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="MozOpacity">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">MozOpacity</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Defines the level of opacity of the element. The lower the value, the
more transparent the element becomes. This is the proprietary Mozilla
version of the proprietary Microsoft opaque filter.
</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>document.getElementById("menuWrapper").style.MozOpacity = "40%";</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 colspan="2"><p>			Numeric string value between <span class="literal">0</span> and
<span class="literal">1</span> or string percentage value between
<span class="literal">0%</span> and <span class="literal">100%</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 colspan="2"><p>			<span class="literal">100%</span> (completely opaque)</p>
					</td>
				</tr>
			</table>
		</div><div id="orphans, widows">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">orphans, widows</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>For a block-level element's content that spreads
across page boxes, specify the minimum number of lines of the element
that must appear at the bottom of the page (orphans) or at the top of
the next page (widows). Although these properties are members of the
<span class="literal">style</span> object in IE 5/Mac and Netscape 6, neither
the style attribute nor scripted changes to it affect the printed
output.
</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>document.getElementById("sec23").style.orphans = "3";</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 colspan="2"><p>			Integer as a string.</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="outline">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">outline</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>This is a shorthand property for getting or setting the
<span class="literal">outlineColor</span>, <span class="literal">outlineStyle</span>,
and/or <span class="literal">outlineWidth</span> properties of an outline
around an element in one statement. You must specify an outline style
(see <span class="literal">outlineStyle</span>) for changes of this property to
affect the display. An outline is like a border, but overlays the
element without occupying any content space or affecting the
element's dimensions. Although this property is a
member of the <span class="literal">style</span> object in IE 5/Mac and
Netscape 6, only IE 5/Mac renders the outline.
</p>
												</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 colspan="2"><p>			Space-delimited string. For the <span class="literal">outlineStyle</span> and
<span class="literal">outlineWidth</span> component values, see the respective
properties in this chapter. For details on the
<span class="literal">outlineColor</span> value, see the section about CSS
colors at the beginning of Chapter 11.
</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="outlineColor">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">outlineColor</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls the color of an outline.</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>document.getElementById("announce").style.outlineColor = "rgb(100, 75, 0)";</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 colspan="2"><p>			CSS color value or constant <span class="literal">invert</span>. For details on
CSS color values, see the section about colors at the beginning of
Chapter 11.
</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 colspan="2"><p>			<span class="literal">invert</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="outlineStyle">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">outlineStyle</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls the line type of an outline.</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>document.getElementById("announce").style.outlineStyle = "solid";</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 colspan="2"><p>			Style values are case-insensitive constants that are associated with
specific ways of rendering outline (and border) lines. The CSS style
constants are: <span class="literal">dashed</span>, <span class="literal">dotted</span>,
<span class="literal">double</span>, <span class="literal">groove</span>,
<span class="literal">hidden</span>, <span class="literal">inset</span>,
<span class="literal">none</span>, <span class="literal">outset</span>,
<span class="literal">ridge</span>, and <span class="literal">solid</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 colspan="2"><p>			<span class="literal">none</span></p>
					</td>
				</tr>
			</table>
		</div><div id="outlineWidth">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">outlineWidth</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls the thickness of the outline lines.</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>document.getElementById("announce").style.outlineWidth = "2px";</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 colspan="2"><p>			Three case-insensitive constants<span class="literal">thin</span> |
<span class="literal">medium</span> | <span class="literal">thick</span>allow the
browser to define exactly how many pixels are used to show the
border. For more precision, you can also assign a length value (see
the discussion of CSS length values at the beginning of Chapter 11).
</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 colspan="2"><p>			<span class="literal">medium</span></p>
					</td>
				</tr>
			</table>
		</div><div id="overflow">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">overflow</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies how a positioned element should treat content that extends
beyond the boundaries established in the style sheet rule. See the
discussion of the <span class="literal">overflow</span> style sheet attribute
in Chapter 11 for details.
</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>document.getElementById("myDiv").style.overflow = "scroll";</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 colspan="2"><p>			Any of the following constants as a string: <span class="literal">auto</span> |
<span class="literal">hidden</span> | <span class="literal">scroll</span> |
<span class="literal">visible</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 colspan="2"><p>			<span class="literal">visible</span></p>
					</td>
				</tr>
			</table>
		</div><div id="overflowX, overflowY">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">overflowX, overflowY</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specify how a positioned element should treat content that extends
beyond the horizontal (<span class="literal">overflowX</span>) or vertical
(<span class="literal">overflowY</span>) boundaries established in the style
sheet rule.
</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>document.getElementById("myDiv").style.overflow X= "scroll";</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 colspan="2"><p>			Any of the following constants as a string: <span class="literal">auto</span> |
<span class="literal">hidden</span> | <span class="literal">scroll</span> |
<span class="literal">visible</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 colspan="2"><p>			<span class="literal">visible</span></p>
					</td>
				</tr>
			</table>
		</div><div id="padding">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">padding</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>This is a shortcut property that can set the padding widths of up to
four edges of an element with one statement. Padding is space that
extends around the content box of an element up to but not including
any border that may be specified for the element. Padding picks up
the background image or color of its element. As you add padding to
an element, you increase the size of the visible rectangle of the
element without affecting the content block size. You may supply one
to four space-delimited padding values. The number of values
determines which sides receive the assigned padding.
</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>document.getElementById("logoWrapper").style.padding = "3px 5px";</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 colspan="2"><p>			This property accepts one, two, three, or four space-delimited values
inside one string, depending on how many and which edges you want to
pad. See the <span class="literal">padding</span> attribute listing in Chapter 11 for complete details on how the number of
values affects this property. Values for padding widths can be
lengths, percentages of the next outermost element size, or the
<span class="literal">auto</span> 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 colspan="2"><p>			<span class="literal">0</span></p>
					</td>
				</tr>
			</table>
		</div><div id="paddingBottom, paddingLeft, paddingRight, paddingTop">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">paddingBottom, paddingLeft, paddingRight, paddingTop</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>All four properties set the width of a single padding edge of an
element. Padding is space that extends between the
element's border and content box. Padding is not
calculated as part of the element's width or height.
</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>document.getElementById("logoWrapper").style.paddingTop = "3px";
document.getElementById("navPanel").style.paddingLeft = "10%";</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 colspan="2"><p>			Values for padding widths can be length values, percentages of the
next outermost element size, or the <span class="literal">auto</span> 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 colspan="2"><p>			<span class="literal">0</span></p>
					</td>
				</tr>
			</table>
		</div><div id="page">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">page</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Points to the name of an existing <span class="literal">@page</span> rule (when
the rule contains an identifier, such as <span class="literal">@page figures
{size: landscape}</span>) in order to apply that rule to the
current block-level element. Although this property is a member of
the <span class="literal">style</span> object in IE 5/Mac and Netscape 6,
neither the style attribute nor scripted changes to it affect the
printed output.
</p>
												</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 colspan="2"><p>			String 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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="pageBreakAfter, pageBreakBefore">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">pageBreakAfter, pageBreakBefore</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Define how content should treat a page break around an element when
the document is sent to a printer. Page breaks are not rendered in
the visual browser as they may be in word processing programs; on
screen, long content flows in one continuous scroll on the screen.
Also see the extensive discussion of page breaks in the listing for
the <span class="literal">page-break-after</span> and
<span class="literal">page-break-before</span> style attributes in Chapter 11.
</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>document.getElementById("hardBR").style.pageBreakAfter = "always";
document.getElementById("navPanel").style.paddingLeft = "10%";</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 colspan="2"><p>			All supporting browsers recognize four constant values (as strings):
<span class="literal">always</span> | <span class="literal">auto</span> |
<span class="literal">left</span> | <span class="literal">right</span>. Additionally, IE
for Windows supports an empty string, which has the same effect as
the W3C CSS <span class="literal">avoid</span> 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 colspan="2"><p>			<span class="literal">auto</span></p>
					</td>
				</tr>
			</table>
		</div><div id="pageBreakInside">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">pageBreakInside</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Defines whether the element allows itself to be split across printed
pages. Although this property is a member of the
<span class="literal">style</span> object in IE 5/Mac and Netscape 6, neither
the style attribute nor scripted changes to it affect the printed
output.
</p>
												</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 colspan="2"><p>			A constant value (as a string): <span class="literal">auto</span> |
<span class="literal">avoid</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 colspan="2"><p>			<span class="literal">auto</span></p>
					</td>
				</tr>
			</table>
		</div><div id="pause, pauseAfter, pauseBefore, pitch, pitchRange">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">pause, pauseAfter, pauseBefore, pitch, pitchRange</td><td valign="top" nowrap class="compatibility">&nbsp;&nbsp;</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 azimuth.</p>
												</td>
</tr>
			</table>
		</div><div id="pixelBottom, pixelLeft, pixelRight, pixelTop">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">pixelBottom, pixelLeft, pixelRight, pixelTop</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>For positionable elements, these properties define the pixel position
of the edges of an element's box (content plus
padding, border, and/or margin) relative to the corresponding edges
of the next outermost block content container. When the element is
relative-positioned, the measure is based on the edges of the inline
location of where the element would normally appear in the content.
Use these properties for calculation (including path animation)
instead of the <span class="literal">bottom</span>, <span class="literal">left</span>,
<span class="literal">right</span>, and <span class="literal">top</span> properties,
which store their values as strings with the unit names. Available as
a property of the IE <span class="literal">style</span> and
<span class="literal">runtimeStyle</span> objects only.
</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>document.getElementById("myDIV").style.pixelLeft++;</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 colspan="2"><p>			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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="pixelHeight, pixelWidth">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">pixelHeight, pixelWidth</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specify the height and width of the element in pixels. Use these
properties for calculation instead of properties such as
<span class="literal">height</span> and <span class="literal">width</span>, which return
strings including units. Changes to these properties may not be
visible unless the element has its <span class="literal">position</span> style
attribute set. Available as a property of the IE
<span class="literal">style</span> and <span class="literal">runtimeStyle</span> objects
only.
</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>var midWidth = document.getElementById("myDIV").style.pixelWidth/2;</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 colspan="2"><p>			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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="playDuring">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">playDuring</td><td valign="top" nowrap class="compatibility">&nbsp;&nbsp;</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 azimuth.</p>
												</td>
</tr>
			</table>
		</div><div id="posBottom, posLeft, posRight, posTop">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">posBottom, posLeft, posRight, posTop</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>For positionable elements, these properties define the position of
the edges of an element's box (content plus padding,
border, and/or margin) relative to the corresponding edges of the
next outermost block content container. When the element is
relative-positioned, the measure is based on the edges of the inline
location where the element would normally appear in the content. Most
importantly, these properties' values are numeric
and in the unit of measure set in the CSS <span class="literal">bottom</span>,
<span class="literal">left</span>, <span class="literal">right</span>, or
<span class="literal">top</span> attribute. Use these properties for
calculation (including path animation) instead of the
<span class="literal">bottom</span>, <span class="literal">left</span>,
<span class="literal">right</span>, and <span class="literal">top</span> properties,
which store their values as strings with the unit names. All math is
in the specified units. Also contrast these properties with the
<span class="literal">pixelBottom</span>, <span class="literal">pixelLeft</span>,
<span class="literal">pixelRight</span>, and <span class="literal">pixelTop</span>
properties, which are integer values for pixel measures only.
Available as a property of the IE <span class="literal">style</span> and
<span class="literal">runtimeStyle</span> objects only.
</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>document.getElementById("myDIV").style.posLeft =
  document.getElementById("myDIV").style.posLeft + 1.5;</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 colspan="2"><p>			Floating-point number.</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="posHeight, posWidth">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">posHeight, posWidth</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specify the numeric height and width of the element in the units set
by the CSS positioning-related attributes. Use these properties for
calculation instead of properties such as <span class="literal">height</span>
and <span class="literal">width</span>, which return strings including units.
All math is in the specified units. Also contrast these properties
with the <span class="literal">pixelHeight</span> and
<span class="literal">pixelWidth</span> properties, which are integer values
for pixel measures only. Available as a property of the IE
<span class="literal">style</span> and <span class="literal">runtimeStyle</span> objects
only.
</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>document.getElementById("myDIV").style.posWidth = 10.5;</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 colspan="2"><p>			Floating-point number.</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 colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div><div id="position">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">position</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>For positionable elements, returns the value assigned to the style
sheet <span class="literal">position</span> attribute. This property is
actually read/write, but you cannot change a positioned element into
a static one or vice-versa.
</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>var posType = document.getElementById("myDIV").style.position;</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 colspan="2"><p>			String constant: <span class="literal">absolute</span> |
<span class="literal">fixed</span> | <span class="literal">relative</span> |
<span class="literal">static</span>. The <span class="literal">fixed</span> value is not
supported in IE for Windows through Version 6.
</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="quotes">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">quotes</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Assigns pairs of characters to be used as quote marks (especially for
the <span class="literal">q</span> element). Although the property is available
for IE 5 Macintosh and Netscape 6, only Netscape 6 responds to the
CSS attributes, and neither responds to reading or writing the
<span class="literal">quotes</span> property value.
</p>
												</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 colspan="2"><p>			A string consisting of two or four quoted strings (nested quotes).
The first pair provides characters for first-level quotes; the second
pair supplies characters to nested quotes.
</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div>
		<div id="readyState">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">readyState</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Read-only</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>			Returns the current download status of the object's
		content. If a script (especially one initiated by a user event) can
		perform some actions while the document is still loading, but must
		avoid other actions until the entire page has loaded, this property
		provides intermediate information about the loading process. You
		should use its value in condition tests. The value of this property
		changes during loading as the loading state changes. Each change of
		the property value fires an <span class="literal">onReadyStateChange</span>
		event (the event does not bubble).
		</p>
									</td>
								</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
								<tr>
									<td colspan="2"><p>			When introduced with IE 4, the property was available for only the
		<span class="literal">document</span>, <span class="literal">embed</span>,
		<span class="literal">img</span>, <span class="literal">link</span>,
		<span class="literal">object</span>, <span class="literal">script</span>, and
		<span class="literal">style</span> objects. IE 5 expanded coverage to all HTML
		element objects.
		</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>if (document.readyState == "loading") {
		    //statements for alternate handling while loading
		}</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 colspan="2"><p>			For all but the <span class="literal">object</span> element, one of the
		following values (as strings): <span class="literal">uninitialized</span> |
		<span class="literal">loading</span> | <span class="literal">loaded</span> |
		<span class="literal">interactive</span> | <span class="literal">complete</span>. Some
		elements may allow the user to interact with partial content, in
		which case the property may return <span class="literal">interactive</span>
		until all loading has completed. Not all element types return all
		values in sequence during the loading process. The
		<span class="literal">object</span> element returns numeric values for these
		five states. They range from <span class="literal">0</span>
		(<span class="literal">uninitialized</span>) to <span class="literal">4</span>
		(<span class="literal">complete</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 colspan="2"><p>			None.</p>
							</td>
						</tr>
					</table>
				</div>

		<div id="richness">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">richness</td><td valign="top" nowrap class="compatibility">&nbsp;&nbsp;</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 azimuth.</p>
												</td>
</tr>
			</table>
		</div><div id="right">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">right</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>For an absolute-positioned element, defines the position of the right
edge of an element's box (content plus right
padding, border, and/or margin) relative to the right edge of the
next outermost block content container.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			For numeric calculations on this value in IE, retrieve the
<span class="literal">pixelRight</span> or <span class="literal">posRight</span> style
properties, which return genuine numeric values.
</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>document.getElementById("blockD2").style.right = "25px";</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 colspan="2"><p>			String consisting of a numeric value and length unit measure, a
percentage, or <span class="literal">auto</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 colspan="2"><p>			<span class="literal">auto</span></p>
					</td>
				</tr>
			</table>
		</div><div id="rubyAlign">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">rubyAlign</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls alignment of content in a <span class="literal">ruby</span> element.
Changes to this property affect IE for Windows only. Ruby-related
styles are defined in CSS3.
</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>document.getElementById("myRuby").style.rubyAlign = "center";</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 colspan="2"><p>			Case-insensitive string of any of the following constants:
<span class="literal">auto</span> | <span class="literal">center</span> |
<span class="literal">distribute-letter</span> |
<span class="literal">distribute-space</span> | <span class="literal">left</span> |
<span class="literal">line-edge</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 colspan="2"><p>			<span class="literal">auto</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="rubyOverhang">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">rubyOverhang</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls text overhang characteristics of content in a
<span class="literal">ruby</span> element. Changes to this property affect IE
for Windows only. Ruby-related styles are defined in CSS3.
</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>document.getElementById("myRuby").style.rubyOverhang="whitespace";</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 colspan="2"><p>			Case-insensitive string of any of the following constants:
<span class="literal">auto</span> | <span class="literal">none</span> |
<span class="literal">whitespace</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 colspan="2"><p>			<span class="literal">auto</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="rubyPosition">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">rubyPosition</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls whether ruby (<span class="literal">rt</span> element) text renders on
the same line or above its related ruby base (<span class="literal">rb</span>
element) text. Changes to this property affect IE for Windows only.
Ruby-related styles are defined in CSS3.
</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>document.getElementById("myRuby").style.rubyPosition = "inline";</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 colspan="2"><p>			Case-insensitive string of any of the following constants:
<span class="literal">above</span> | <span class="literal">inline</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 colspan="2"><p>			<span class="literal">above</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="scrollbar3dLightColor, scrollbarArrowColor, scrollbarBaseColor, scrollbarDarkShadowColor, scrollbarFaceColor, scrollbarHighlightColor, scrollbarShadowColor, scrollbarTrackColor">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">scrollbar3dLightColor, scrollbarArrowColor, scrollbarBaseColor, scrollbarDarkShadowColor, scrollbarFaceColor, scrollbarHighlightColor, scrollbarShadowColor, scrollbarTrackColor</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5.5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls the colors for specific components of a scrollbar user
interface element associated with an <span class="literal">applet</span>,
<span class="literal">body</span>, <span class="literal">div</span>,
<span class="literal">embed</span>, <span class="literal">object</span>, or
<span class="literal">textarea</span> element. See the description of these CSS
attributes in Chapter 11 for details about which
component each property governs.
</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>document.getElementById("comments").style.scrollbarArrowColor = "rgb(100, 75, 0");</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 colspan="2"><p>			Case-insensitive CSS color specification (see discussion at beginning
of Chapter 11).
</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="size">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">size</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>For a page context defined by an <span class="literal">@page</span> rule, this
property controls the page size or orientation. Although the property
is available for Netscape 6, the value is an empty strings and the
property has no influence over the page context.
</p>
												</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 colspan="2"><p>			CSS length values (as a string) or case-insensitive string of any of
the following constants: <span class="literal">auto</span> |
<span class="literal">landscape</span> | <span class="literal">portrait</span>. For
length values, a single value is applied to height and width; two
space-delimited length values are applied to width and height,
respectively.
</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 colspan="2"><p>			<span class="literal">auto</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="speak, speakHeader, speakNumeral, speakPunctuation, speechRate, stress">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">speak, speakHeader, speakNumeral, speakPunctuation, speechRate, stress</td><td valign="top" nowrap class="compatibility">&nbsp;&nbsp;</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 azimuth.</p>
												</td>
</tr>
			</table>
		</div><div id="styleFloat">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">styleFloat</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies on which side of the containing box the element aligns so
that other content wraps around the element. When the property is set
to <span class="literal">none</span>, the element appears in its source code
sequence, and at most one line of surrounding text content appears in
the same horizontal band as the element. See the
<span class="literal">float</span> style attribute in Chapter 11 for more details. IE 5 for Macintosh
duplicates this property as <span class="literal">cssFloat</span>, the DOM 2
version, which is also supported (by itself) in Netscape 6.
</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>document.getElementById("myDIV").style.styleFloat = "right";</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 colspan="2"><p>			One of the following constants (as a string): <span class="literal">none</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 colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="tableLayout">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">tableLayout</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Acts as a switch at load time to direct the browser to start
rendering the table based on column widths set by the first row, or
wait until the table data is loaded so that the browser can calculate
optimum column widths based on cell contents. Changes to this
property have no effect on a rendered table.
</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>document.getElementById("myTable").style.tableLayout = "fixed";</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 colspan="2"><p>			One of the following constants (as a string): <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 colspan="2"><p>			<span class="literal">auto</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="textAlign">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">textAlign</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Determines the horizontal alignment of text within an
element's box.
</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>document.getElementById("myDIV").style.textAlign = "right";</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 colspan="2"><p>			One of the four constants (as a string): <span class="literal">center</span> |
<span class="literal">justify</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 colspan="2"><p>			Depends on default language of the browser.</p>
					</td>
				</tr>
			</table>
		</div><div id="textAlignLast">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">textAlignLast</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5.5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Determines the horizontal alignment of the last line of text within
an element's box. This style attribute may be
helpful to obtain the desired look if you use some of the other
proprietary text alignment style attributes in IE 5.5 or later for
Windows.
</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>document.getElementById("myDIV").style.textAlignLast = "justify";</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 colspan="2"><p>			One of the following constants (as a string): <span class="literal">auto</span>
| <span class="literal">center</span> | <span class="literal">justify</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 colspan="2"><p>			<span class="literal">auto</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="textAutospace">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">textAutospace</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls the spacing between ideographic (typically Asian languages)
and nonideographic characters.
</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>document.getElementById("myDIV").style.textAutospace = "ideograph-numeric";</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 colspan="2"><p>			One of the following constants (as a string):
<span class="literal">ideograph-alpha</span> |
<span class="literal">ideograph-numeric</span> |
<span class="literal">ideograph-parenthesis</span> |
<span class="literal">ideograph-space</span> | <span class="literal">none</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 colspan="2"><p>			<span class="literal">none</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="textDecoration">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">textDecoration</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies additions to the text content of the element in the form of
underlines, strikethroughs, overlines, and (in Navigator and CSS)
blinking. Browsers use this style attribute internally to assign by
default underlines to <span class="literal">a</span> elements and
strikethroughs to <span class="literal">strike</span> elements, so the default
value varies with element type. You may specify more than one
decoration style by supplying values in a space-delimited list. While
browsers accept the (CSS optional) <span class="literal">blink</span> value,
they (thankfully) do not cause the text to blink. Text decoration has
an unusual parent-child relationship. Values are not inherited, but
the effect of a decoration carries over to nested items in most
cases. Therefore, unless otherwise overridden, an underlined
<span class="literal">p</span> element underlines a nested <span class="literal">b</span>
element within. Internet Explorer also includes Boolean properties
for each decoration type.
</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>document.getElementById("emphasis").style.textDecoration = "underline";</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 colspan="2"><p>			In addition to <span class="literal">none</span>, any of the following four
constants (as a string): <span class="literal">blink</span> |
<span class="literal">line-through</span> | <span class="literal">overline</span> |
<span class="literal">underline</span>. Multiple values may be included in the
string as a space-delimited list.
</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 colspan="2"><p>			Element and internal style sheet dependent. </p>
					</td>
				</tr>
			</table>
		</div><div id="textDecorationBlink, textDecorationLineThrough, textDecorationNone, textDecorationOverline, textDecorationUnderline">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">textDecorationBlink, textDecorationLineThrough, textDecorationNone, textDecorationOverline, textDecorationUnderline</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies whether the specified text decoration feature is enabled
for the element. Each of these properties corresponds to a value that
can be assigned to the <span class="literal">text-decoration</span> style
attribute in CSS (see Chapter 11). Internet
Explorer does not blink text, so the
<span class="literal">textDecorationBlink</span> property is ignored. Setting
<span class="literal">textDecorationNone</span> to <span class="literal">true</span> sets
all other related properties to <span class="literal">false</span>. Setting
these properties on the Macintosh version of IE 4 does not alter the
content. Use the <span class="literal">textDecoration</span> property
insteadgood practice all around.
</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>document.getElementById("emphasis").style.textDecorationLineThrough = "true";</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 colspan="2"><p>			Boolean value: <span class="literal">true</span> | <span class="literal">false</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 colspan="2"><p>			<span class="literal">false</span></p>
					</td>
				</tr>
			</table>
		</div><div id="textIndent">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">textIndent</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies the size of the indent at the first line of a block of
inline text (such as a <span class="literal">p</span> element). Only the first
line is affected by this setting. A negative value can be used to
outdent the first line, but be sure the text does not run beyond the
left edge of the browser window or frame.
</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>document.getElementById("firstGraph").style.textIndent = "0.5em";</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 colspan="2"><p>			Positive or negative CSS length value (see Chapter 11) as a string.
</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 colspan="2"><p>			<span class="literal">0px</span></p>
					</td>
				</tr>
			</table>
		</div><div id="textJustify">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">textJustify</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies detailed character distribution techniques for any
block-level element that has a <span class="literal">text-align</span> CSS
attribute or a <span class="literal">textAlign</span> style property set to
<span class="literal">justify</span>.
</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>document.getElementById("inset").style.textJustify = "distribute-center-last";</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 colspan="2"><p>			One of the following constants (as a string): <span class="literal">auto</span>
| <span class="literal">distribute</span> |
<span class="literal">distribute-all-lines</span> |
<span class="literal">distribute-center-last</span> |
<span class="literal">inter-cluster</span> | <span class="literal">inter-ideograph</span>
| <span class="literal">inter-word</span> | <span class="literal">kashdia</span> |
<span class="literal">newspaper</span>. See the <span class="literal">text-justify</span>
attribute in Chapter 11 for details on the meanings
of these values.
</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 colspan="2"><p>			<span class="literal">auto</span></p>
					</td>
				</tr>
			</table>
		</div><div id="textKashidaSpace">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">textKashidaSpace</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5.5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>For Arabic text in a block-level element with a text alignment style
that is set to <span class="literal">justify</span>, controls the ratio of
kashida expansion to white space expansion.
</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>document.getElementById("inset").style.textKashidaSpace = "15%";</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 colspan="2"><p>			Percentage value as a string.</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 colspan="2"><p>			<span class="literal">0%</span></p>
					</td>
				</tr>
			</table>
		</div><div id="textOverflow">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">textOverflow</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">6(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls whether text content that overflows a fixed box should
display an ellipsis (...) at the end of the line to indicate more
text is available. The element should also have its
<span class="literal">overflow</span> style attribute or property set to
<span class="literal">hidden</span>.
</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>document.getElementById("textBox").style.textOverflow = "ellipsis";</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 colspan="2"><p>			One of the allowable constant string value: <span class="literal">clip</span> |
<span class="literal">ellipsis</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 colspan="2"><p>			<span class="literal">clip</span></p>
					</td>
				</tr>
			</table>
		</div><div id="textShadow">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">textShadow</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls the specifications for shadow effects on the
element's text. Although this property is a member
of the <span class="literal">style</span> object in IE 5/Mac and Netscape 6,
neither the style attribute nor scripted changes to it affect the
element's text display.
</p>
												</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 colspan="2"><p>			A string consisting of one or more shadow specifications. Each shadow
specification consists of space-delimited values for a color, a
length for the offset to the right of the text, a length for the
offset below the text, and an optional blur radius value. Multiple
shadow specifications are comma-delimited or a value of
<span class="literal">none</span> to turn off the shadow.
</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 colspan="2"><p>			<span class="literal">none</span></p>
					</td>
				</tr>
			</table>
		</div><div id="textTransform">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">textTransform</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls the capitalization of the element's text.
When a value other than <span class="literal">none</span> is assigned to this
attribute, the cases of all letters in the source text are arranged
by the style sheet, overriding the case of the source text
characters.
</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>document.getElementById("heading").style.textTransform = "capitalize";</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 colspan="2"><p>			A value of <span class="literal">none</span> allows the case of the source text
to be rendered as is. Other available constant values (as strings)
are: <span class="literal">capitalize</span> | <span class="literal">lowercase</span> |
<span class="literal">uppercase</span>. A value of
<span class="literal">capitalize</span> sets the first character of every word
to uppercase. Values <span class="literal">lowercase</span> and
<span class="literal">uppercase</span> render all characters of the element
text in their respective cases.
</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 colspan="2"><p>			<span class="literal">none</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="textUnderlinePosition">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">textUnderlinePosition</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5.5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls whether an underline (i.e., an element with a
<span class="literal">text-decoration</span> style set to
<span class="literal">underline</span>) is rendered above or below the text.
</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>document.getElementById("heading").style.textUnderlinePosition = "above";</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 colspan="2"><p>			IE 5.5 recognizes two constant values: <span class="literal">above</span> |
<span class="literal">below</span>. IE 6 adds the values
<span class="literal">auto</span> and <span class="literal">auto-pos</span> (which appear
to do the same thing). The default value also changed between
versions, from <span class="literal">below</span> to <span class="literal">auto</span>.
In IE 6, the <span class="literal">auto</span> value underlines vertical
Japanese text "above" (to the
right) of the 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 colspan="2"><p>			<span class="literal">none</span> (IE 5.5); <span class="literal">auto</span> (IE 6).</p>
					</td>
				</tr>
			</table>
		</div><div id="top">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">top</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>For positionable elements, defines the position of the top edge of an
element's box (content plus top padding, border,
and/or margin) relative to the top edge of the next outermost block
content container. When the element is relative-positioned, the
offset is based on the top edge of the inline location of where the
element would normally appear in the content.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			For calculations on this value, use <span class="literal">parseFloat( )</span>
on the returned value; or, in IE, retrieve the
<span class="literal">pixelTop</span> or <span class="literal">posTop</span> properties,
which return genuine numeric values.
</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>document.getElementById("blockD2").style.top = "40px";</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 colspan="2"><p>			String consisting of a numeric value and length unit measure, a
percentage, or <span class="literal">auto</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 colspan="2"><p>			<span class="literal">auto</span></p>
					</td>
				</tr>
			</table>
		</div><div id="unicodeBidi">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">unicodeBidi</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls the embedding of bidirectional text (such as a mixture of
French and Arabic) in concert with the <span class="literal">direction</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>document.getElementById("blockD2").style.unicodeBidi = "bidi-override";</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 colspan="2"><p>			String constant values: <span class="literal">bidi-override</span> |
<span class="literal">embed</span> | <span class="literal">normal</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 colspan="2"><p>			<span class="literal">normal</span></p>
					</td>
				</tr>
			</table>
		</div><div id="verticalAlign">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">verticalAlign</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies the vertical alignment characteristic of the element. This
property operates in two spheres, depending on the selection of
values you use. See the in-depth discussion of the
<span class="literal">vertical-align</span> style sheet property in Chapter 11 for details.
</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>document.getElementById("myDIV").style.verticalAlign = "text-top";</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 colspan="2"><p>			String value of an absolute measure (with units), a percentage
(relative to the next outer box element), or one of the many constant
values: <span class="literal">bottom</span> | <span class="literal">top</span> |
<span class="literal">baseline</span> | <span class="literal">middle</span> |
<span class="literal">sub</span> | <span class="literal">super</span> |
<span class="literal">text-bottom</span> | <span class="literal">text-top</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 colspan="2"><p>			<span class="literal">baseline</span></p>
					</td>
				</tr>
			</table>
		</div><div id="visibility">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">visibility</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies the state of the positioned element's
visibility. Surrounding content does not close up the space left by
an element that has its <span class="literal">visibility</span> property set to
<span class="literal">hidden</span>.
</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>document.getElementById("myDIV").style.visibility = "hidden";</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 colspan="2"><p>			One of the constant values (as a string): <span class="literal">collapse</span>
| <span class="literal">hidden</span> | <span class="literal">inherit</span> |
<span class="literal">visible</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 colspan="2"><p>			<span class="literal">visible</span></p>
					</td>
				</tr>
			</table>
		</div><div id="voiceFamily, volume">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">voiceFamily, volume</td><td valign="top" nowrap class="compatibility">&nbsp;&nbsp;</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 azimuth.</p>
												</td>
</tr>
			</table>
		</div><div id="whiteSpace">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">whiteSpace</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)/5.5(Win)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls intepretation of whitespace (such as leading spaces and line
breaks) from the source code.
</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>document.getElementById("myDIV").style.whiteSpace = "pre";</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 colspan="2"><p>			One of the constant values (as a string): <span class="literal">normal</span> |
<span class="literal">nowrap</span> | <span class="literal">pre</span>. Value of
<span class="literal">normal</span> allows browsers to word-wrap lines in block
elements and ignore leading spaces. Value of
<span class="literal">nowrap</span> causes source code not to word-wrap, but
still ignores leading spaces. Value of <span class="literal">pre</span>
preserves leading spaces, extra spaces, and carriage returns in the
source code. Note that IE 6 for Windows does not respond to the
<span class="literal">pre</span> value unless the <span class="literal">DOCTYPE</span>
element values place the browser into standards compatibility mode.
</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 colspan="2"><p>			<span class="literal">normal</span></p>
					</td>
				</tr>
			</table>
		</div><div id="widows">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">widows</td><td valign="top" nowrap class="compatibility">&nbsp;&nbsp;</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 orphans.</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 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><div id="wordBreak">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">wordBreak</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies the word-break style for ideographic languages or content
that mixes Latin and ideographic languages.
</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>document.getElementById("myDIV").style.wordBreak = "keep-all";</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 colspan="2"><p>			One of the constant values (as a string):
<span class="literal">break-all</span> | <span class="literal">keep-all</span> |
<span class="literal">normal</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 colspan="2"><p>			<span class="literal">normal</span></p>
					</td>
				</tr>
			</table>
		</div><div id="wordSpacing">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">wordSpacing</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Governs the length of space between words. IE 5 for Macintosh may
exhibit overlap problems with the word-spacing of elements nested
inside the one being controlled.
</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>document.getElementById("myDIV").style.wordSpacing = "1.0em";</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 colspan="2"><p>			CSS length value (as a string) or the constant
<span class="literal">normal</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 colspan="2"><p>			<span class="literal">normal</span></p>
					</td>
				</tr>
			</table>
		</div><div id="wordWrap">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">wordWrap</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5.5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies the word-wrapping style for block-level, specifically-sized
inline, or positioned elements. If a single word (i.e., without any
whitespace) extends beyond the width of the element containing box,
the normal behavior is to extend the content beyond the normal box
width, without breaking. But you can force the long word to break at
whatever character position occurs at the edge of the box.
</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>document.getElementById("myDIV").style.wordWrap = "break-word";</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 colspan="2"><p>			One of the constant values (as a string):
<span class="literal">break-word</span> | <span class="literal">normal</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 colspan="2"><p>			<span class="literal">normal</span></p>
					</td>
				</tr>
			</table>
		</div><div id="writingMode">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">writingMode</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5.5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Intended primarily for languages that display characters in vertical
sentences, this controls the progression of content, left-to-right,
or right-to-left.
</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>document.getElementById("myDIV").style.writingMode = "lr-tb";</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 colspan="2"><p>			One of the constant values (as a string): <span class="literal">lr-tb</span> |
<span class="literal">tb-rl</span>. Value of <span class="literal">tb-rl</span> can
rotate text of some languages by 90 degrees.
</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 colspan="2"><p>			<span class="literal">lr-tb</span></p>
					</td>
				</tr>
			</table>
		</div><div id="zIndex">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">zIndex</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>For a positioned element, this specifies the stacking order relative
to other elements within the same parent container. See Chapter 4 for details on relationships of element
layering amid multiple containers.
</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>document.getElementById("myDIV").style.zIndex = "3"</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 colspan="2"><p>			Integer. Netscape 6 prefers that this value be in string form
(that's how the property returns its value), while
IE returns a number.
</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 colspan="2"><p>			<span class="literal">0</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="zoom">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">zoom</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5.5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Governs the magnification of rendered content. Particularly useful
for output that might be displayed on monitors with very high pixel
density. See <span class="literal">screen.logicalXDPI</span> property.
</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>document.body.style.zoom = "200%";</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 colspan="2"><p>			Percentage value (where <span class="literal">100%</span> is normal),
floating-point multiplier (where <span class="literal">1.0</span> is normal),
or constant <span class="literal">normal</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 colspan="2"><p>			<span class="literal">normal</span></p>
					</td>
				</tr>
			</table>
		</div><div id="getPropertyCSSValue( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">getPropertyCSSValue( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">n/a</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">getPropertyCSSValue("<span class="replaceable">CSSAttributeName</span>")</p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns an object that represents a CSS value. In the W3C DOM, the
<span class="literal">CSSValue</span> object returned from this method has
properties that reveal the text of the attribute/value pair and a
numeric value corresponding to a long list of primitive value types
(indicating types such as percentage, pixel lengths, and RGB color).
Although this method is implemented in Netscape 6, it returns an
empty object for now.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>The CSS attribute name from an inline style declaration (not the DOM
version of the property name).
</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Reference to a <span class="literal">CSSValue</span> object.</p>
					</td>
				</tr>
			</table>
		</div><div id="getPropertyPriority( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">getPropertyPriority( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">getPropertyPriority("<span class="replaceable">CSSAttributeName</span>")</p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns the string value of any priority (such as
<span class="literal">!important</span>) associated with the inline CSS
attribute.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>The CSS attribute name from an inline style declaration (not the DOM
version of the property name).
</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			String.</p>
					</td>
				</tr>
			</table>
		</div><div id="getPropertyValue( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">getPropertyValue( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">getPropertyValue("<span class="replaceable">CSSAttributeName</span>")</p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns the string value of the inline CSS attribute/value pair.</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>The CSS attribute name from an inline style declaration (not the DOM
version of the property name).
</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			String.</p>
					</td>
				</tr>
			</table>
		</div><div id="item( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">item( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">item(<span class="replaceable">index</span>)</p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns the attribute name of the inline CSS attribute/value pair
corresponding to the integer index value in source code order.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>Zero-based integer corresponding to the specified inline CSS
attribute/value pair in source code order.
</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			String. IE for Macintosh returns name in all-uppercase characters,
while Netscape 6 returns all-lowercase characters.
</p>
					</td>
				</tr>
			</table>
		</div><div id="removeProperty( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">removeProperty( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">removeProperty("<span class="replaceable">CSSAttributeName</span>")</p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Deletes the inline CSS attribute/value pair and returns a string with
the previous value.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>The CSS attribute name from an inline style declaration (not the DOM
version of the property name).
</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			String.</p>
					</td>
				</tr>
			</table>
		</div>
				<div id="runtimeStyle">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">runtimeStyle</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Read/Write</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>			Returns a <span class="literal">style</span> object whose individual style
		properties convey values only if they are explicitly set via the
		regular style sheet processes. Unlike the
		<span class="literal">currentStyle</span> object, system default style sheet
		properties are not reflected. You can set individual style properties
		of this <span class="literal">runtimeStyle</span> object, but doing so
		transcends (some might say violates) normal cascading precedence. Any
		property you assign by script overrides all other settings for that
		style property governing that element, including values assigned to
		the element tag's <span class="literal">style</span> attribute
		and <span class="literal">style</span> property. For example, if you assign the
		value <span class="literal">red</span> to an element's
		<span class="literal">style.color</span> property, and assign the value
		<span class="literal">green</span> to the same element's
		<span class="literal">runtimeStyle.color</span> property, the
		element's text appears in green, even though the
		more specific <span class="literal">style.color</span> property still preserves
		the <span class="literal">red</span> value. At that point the
		element's <span class="literal">currentStyle.color</span>
		property also returns <span class="literal">green</span>, because that is the
		effective style governing the element at that instant.
		</p>
									</td>
								</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
								<tr>
									<td colspan="2"><p>			You can use the <span class="literal">runtimeStyle</span> object to assign
		multiple style properties by reassigning a CSS syntax rule to the
		<span class="literal">runtimeStyle.cssText</span> property. Assign an empty
		string to the <span class="literal">cssText</span> property to remove all
		in-line attribute values, allowing the regular style sheet cascade to
		control the element's effective style.
		</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>document.getElementById("<span class="replaceable">elementID</span>").runtimeStyle.cssText =
		  "border: 5px blue solid";</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 colspan="2"><p>			<span class="literal">style</span> object reference.</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 colspan="2"><p>			The effective <span class="literal">style</span> object and its explicitly
		defined style attribute values.
		</p>
							</td>
						</tr>
					</table>
		</div>
		<div id="setExpression( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">setExpression( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">setExpression("<span class="replaceable">propertyName</span>",
"<span class="replaceable">expression</span>",
["<span class="replaceable">scriptLanguage</span>"])</p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Assigns a script expression to an element object's
property as a way to calculate dynamically a value for the property.
This method works with properties of element objects and their
<span class="literal">style</span> objects if you like. The expression is
re-evaluated automatically for most user-oriented events, or you may
explicitly force re-evaluation at any time via the <span class="literal">recalc(
)</span> method.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			Assigning an expression to an element attribute can take the place of
some event handling, such as maintaining position relationships among
elements when a user resizes the browser window. For example, to keep
an element horizontally centered in the browser window, you could use
one of the following techniques to apply an expression to the
element's <span class="literal">style.left</span> property.
The first example demonstrates the syntax (also for IE 5 for Windows
or later) for assigning an expression as an inline attribute for the
the element:
</p>
<span class="PROGRAMLISTING"><pre>&lt;div id=&quot;heading&quot; style=&quot;position:absolute; left:expression(
  document.body.clientWidth/2-document.getElementById(&quot;heading&quot;).offsetWidth/2);</pre></span>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			Alternatively, a function invoked at load time could include the
following statement:
</p>
<span class="PROGRAMLISTING"><pre>document.getElementById(&quot;heading&quot;).style.setExpression(&quot;left&quot;, 
 &quot;document.body.clientWidth/2-document.getElementById('heading').offsetWidth/2;&quot;, 
 &quot;JScript&quot;);</pre></span>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			In both cases, the same expression calculates the coordinate position
for the element's left edge relative to the current
viewable width of the <span class="literal">body</span> element. Because this
expression depends on a <span class="literal">body</span> element dimension
property, the browser knows that it should re-evaluate any expression
that might be impacted by a change in the body size caused by window
resizing.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			Be sure the resulting value of the expression you assign is the
desired data type for the attribute you are setting. Isolate and run
some initial tests on the expression before assigning it to the
<span class="literal">setExpression( )</span> method. Otherwise debugging will
be more difficult.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			If you want an expression to assign a value to an attribute and force
that value to stick, use the <span class="literal">removeExpression( )</span>
method to prevent any further re-evaluation of the attribute value.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>The name of the attribute being controlled by the expression, but in
case-sensitive property name form (e.g., use the
<span class="literal">className</span> property name instead of the
corresponding <span class="literal">class</span> attribute name).
</li><li><span class="literal"></span>A string that contains the script expression to be evaluated. The
expression must evaluate to a value suitable for the property named
in the first parameter, so multiple, semicolon-delimited statements
are not allowed. References to other elements should be complete
references. Early implementations may balk at references that include
arrays.
</li><li><span class="literal"></span>One of three constant strings: <span class="literal">JScript</span> |
<span class="literal">JavaScript</span> | <span class="literal">VBScript</span>. The
default is <span class="literal">JScript</span>.
</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div>
		<div id="setProperty( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">setProperty( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">setProperty("<span class="replaceable">CSSAttributeName</span>",
"<span class="replaceable">value</span>",
"<span class="replaceable">priority</span>")</p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Sets an inline style attribute/value pair. If the attribute already
exists, the new value is applied to the existing attribute; otherwise
the attribute and value are added to the element.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>The CSS attribute name from an inline style declaration (not the DOM
version of the property name).
</li><li><span class="literal"></span>String of the value in the format applicable to the attribute.</li><li><span class="literal"></span>String of the priority assignment (such as
<span class="literal">!important</span>) or empty string.
</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div>

</body>
</html>