<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, border-left, border-right, border-top</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</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>Alle vier Attribute werden abk&uuml;rzend verwendet, um die Breite, den Stil bzw. die Farbe einer einzelnen Rahmenseite eines Elements mit einer einzigen Anweisung festzulegen. F&uuml;r Attribute, die nicht explizit gesetzt werden, werden die Anfangswerte verwendet.
</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: <span class="replaceable">border-bottom-width</span> || <span class="replaceable">border-bottom-style</span> || <span class="replaceable">color</span>
border-left: <span class="replaceable">border-left-width</span> || <span class="replaceable">border-left-style</span> || <span class="replaceable">color</span>
border-right: <span class="replaceable">border-right-width</span> || <span class="replaceable">border-right-style</span> || <span class="replaceable">color</span>
border-top: <span class="replaceable">border-top-width</span> || <span class="replaceable">border-top-style</span> || <span class="replaceable">color</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>N&auml;here Hinweise zu den Werten f&uuml;r Breite und Stil finden Sie unter den Attributen <span class="literal">border-bottom-width</span> und <span class="literal">border-bottom-style</span> in diesem Kapitel. Weitere Informationen zum Wert <span class="replaceable">color</span> entnehmen Sie bitte dem Abschnitt &uuml;ber Farben am Anfang 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>Keiner.</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>p {border-bottom: 3px solid lightgreen}
p {border-left: 6px solid lightgreen}
p {border-right: 3px solid lightgreen}
p {border-top: 6px solid lightgreen}</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.borderBottom
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderLeft
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderRight
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderTop</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>