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

		<div id="Beschreibung">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">border-bottom-width, border-left-width, border-right-width, border-top-width</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span> IE <span class="emphasis">4</span> CSS <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Vererbt: Nein</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Jedes der Attribute legt die Breite einer einzelnen Rahmenseite eines Elements fest. Beachten Sie, dass bei Navigator 4 der Anfangswert Null ist und Sie deshalb die Breite f&uuml;r alle Rahmeneinstellungen setzen m&uuml;ssen, damit der Rahmen zu sehen ist. Informationen zum Festlegen der Breite von mehreren Rahmenseiten in einer Anweisung finden Sie unter dem Attribut <span class="literal">border-width</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="csssyntax"><span class="title">CSS-Syntax</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>border-bottom-width: thin | medium | thick | <span class="replaceable">length</span>
border-left-width: thin | medium | thick | <span class="replaceable">length</span>
border-right-width: thin | medium | thick | <span class="replaceable">length</span>
border-top-width: thin | medium | thick | <span class="replaceable">length</span></pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
				</tr>
				<tr>
					<td><p>Drei Konstanten &#8211; <span class="literal">thin</span> | <span class="literal">medium</span> | <span class="literal">thick</span> &#8211; erm&ouml;glichen es dem Browser, exakt zu definieren, wie viele Pixel zur Darstellung des Rahmens verwendet werden sollen. Noch pr&auml;ziser l&auml;sst sich dies mit L&auml;ngenwerten definieren (siehe hierzu die Diskussion &uuml;ber L&auml;ngenwerte zu Beginn dieses Kapitels).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">Anfangswert</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">medium</span> (NN 6, IE); <span class="literal">0</span> (NN 4).</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>h2 {border-bottom-width: 2px}
div {border-left-width: thin}
p.special {border-right-width: 0.5em}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">Gilt f&uuml;r</span></td>
				</tr>
				<tr>
					<td><p>Alle Elemente (in IE 4 und 5 f&uuml;r Windows jedoch nur f&uuml;r Block- und ersetzte Elemente).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Objektmodellreferenz</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderBottomWidth
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderLeftWidth
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderRightWidth
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderTopWidth</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>