<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-style</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>Ein Kurzattribut, mit dem mehrere R&auml;nder auf den gleichen oder unterschiedliche Rahmenstile gesetzt werden k&ouml;nnen. Bei Navigator 4 ist nur ein einziger Wert erlaubt, der auf alle vier Rahmenseiten angewendet wird. Bei Internet Explorer und Netscape 6 k&ouml;nnen Sie einen bis vier durch Leerzeichen getrennte Rahmenstilwerte angeben. Die Anzahl der Werte bestimmt, welchen Seiten der jeweilige Stil zugewiesen wird.
</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-style: <span class="replaceable">borderStyle</span> {1,4}</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>Stilwerte sind Konstanten, die bestimmten Rahmenlinien entsprechen. Nicht alle Browser erkennen alle Werte der CSS-Empfehlung. Stile werden wie folgt unterst&uuml;tzt:
</p><p>Wie ein Browser einen bestimmten Stilwert interpretiert, l&auml;sst sich nicht allgemein sagen. In Abbildung 11-1 sehen Sie, wie die einzelnen Stile in Internet Explorer 6 f&uuml;r Windows, Explorer 5 f&uuml;r Macintosh und Netscape 6 wiedergegeben werden. Nicht in allen Browsern ist das gleiche Erscheinungsbild zu erwarten.
</p><p>Bei Navigator 4 kann nur ein Stilwert zugewiesen werden. Bei Internet Explorer und Netscape 6 akzeptiert dieses Attribut einen, zwei, drei oder vier durch Leerzeichen getrennte <span class="replaceable">borderStyle</span>-Werte, je nachdem, wie viele bzw. welche Rahmenseiten Sie mit einem bestimmten Stil versehen wollen. Die Wertanzahl und -positionen werden wie folgt interpretiert.
</p>
						<table border="1"><tbody><tr><th>Wert</th><th>NN</th><th>IE/Windows</th><th>IE/Mac</th><th>CSS</th></tr>
								<tr><td>dashed</td><td>6</td><td>5.5</td><td>4</td><td>1</td>
								</tr>
								<tr><td>dotted</td><td>6</td><td>5.5</td><td>4</td><td>1</td>
								</tr>
								<tr><td>double</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>groove</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>hidden</td><td>6</td><td>--</td><td>4</td><td>2</td>
								</tr>
								<tr><td>inset</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>none</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>outset</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>ridge</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>solid</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
							</tbody></table>
						<table border="1"><tbody><tr><th>Anzahl der Werte</th><th>Effekt</th></tr>
								<tr><td>1</td><td>Alle vier Rahmenseiten werden auf den Wert gesetzt.</td>
								</tr>
								<tr><td>2</td><td>Obere und untere Rahmenseite werden auf den ersten Wert gesetzt, rechte und linke Rahmenseite auf den zweiten Wert.
</td>
								</tr>
								<tr><td>3</td><td>Obere Rahmenseite wird auf den ersten Wert gesetzt, linke und rechte Rahmenseite auf den zweiten, untere Rahmenseite auf den dritten Wert.
</td>
								</tr>
								<tr><td>4</td><td>Obere, rechte, untere und linke Rahmenseite werden auf den jeweiligen Wert gesetzt.</td>
								</tr>
							</tbody></table>
					</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">none</span></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>h1 {border-style: ridge; border-width: 3px}
div {border-style: solid double; border-width: 4px}</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.borderStyle</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>