<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">margin</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>Kurzattribut, mit dem sich die Randbreiten von bis zu vier Kanten eines Elements in einer einzigen Anweisung definieren lassen. Als Rand wird Freiraum bezeichnet, der sich &uuml;ber die Begrenzung eines Elements hinaus erstreckt, um zus&auml;tzlichen Platz zwischen angrenzenden oder verschachtelten Elementen zu schaffen, insbesondere solchen, bei denen Rahmenattribute gesetzt sind. Sie k&ouml;nnen bis zu vier durch Leerzeichen getrennte Randwerte definieren. Die Anzahl der Werte bestimmt, welchen Seiten die Randwerte zugewiesen werden.
</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>margin: <span class="replaceable">marginThickness</span> | auto {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>Dieses Attribut akzeptiert einen, zwei, drei oder vier Werte, je nachdem, wie viele bzw. welche R&auml;nder definiert werden sollen. F&uuml;r <span class="replaceable">marginThickness</span> k&ouml;nnen L&auml;ngenwerte, Prozentangaben in Bezug auf die Gr&ouml;&szlig;e des n&auml;chst&auml;u&szlig;eren Elements oder die Konstante <span class="literal">auto</span> verwendet werden. Die Wertanzahl und -positionen werden wie folgt interpretiert:
</p>
						<table border="1"><tbody><tr><th>Anzahl der Werte</th><th>Effekt</th></tr>
								<tr><td>1</td><td>Alle vier Randkanten werden auf den Wert gesetzt.</td>
								</tr>
								<tr><td>2</td><td>Oberer und unterer Rand werden auf den ersten Wert gesetzt, rechter und linker Rand auf den zweiten Wert.
</td>
								</tr>
								<tr><td>3</td><td>Oberer Rand wird auf den ersten Wert gesetzt, linker und rechter Rand auf den zweiten, unterer Rand auf den dritten Wert.
</td>
								</tr>
								<tr><td>4</td><td>Oberer, rechter, unterer und linker Rand 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">0</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>p.highlight {margin: 10px 20px}</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.</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.margin</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>