<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">-moz-border-radius</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">nicht zutreffend</span> CSS <span class="emphasis">nicht zutreffend</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 Sie den Radius einer oder mehrerer Rahmenecken festlegen k&ouml;nnen. Die Anzahl der Werte bestimmt, welchen Seiten der jeweilige Stil zugewiesen wird. Diese Wertekombination unterscheidet sich von der vorl&auml;ufigen CSS3-Wertekonfiguration f&uuml;r das Attribut <span class="literal">border-radius</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>-moz-border-radius: <span class="replaceable">radius</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>Der Radius einer Rahmenecke kann anhand eines L&auml;ngenwerts definiert werden, der die L&auml;nge des Radius des unsichtbaren Kreises angibt, aus dem die abgerundete Ecke stammt. Je gr&ouml;&szlig;er der Wert, desto st&auml;rker wird die Ecke abgerundet. F&uuml;r die Bildschirmanzeige ist Pixel als Ma&szlig;einheit am besten geeignet. Sie k&ouml;nnen auch einen Prozentwert zwischen <span class="literal">0%</span> (keine Abrundung) und <span class="literal">50%</span> (maximale Abrundung) angeben. Durch die abgerundete Ecke wird der Inhalt des Elements nicht beschnitten.
</p><p>Dieses Attribut akzeptiert einen, zwei, drei oder vier <span class="replaceable">radius</span>-Werte, je nachdem, wie viele bzw. welche Ecken abgerundet werden sollen. 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 Ecken werden auf den gleichen Wert gesetzt.</td>
								</tr>
								<tr><td>2</td><td>Obere linke und untere rechte Ecke werden auf den ersten Wert, obere rechte und untere linke Ecke auf den zweiten Wert gesetzt.
</td>
								</tr>
								<tr><td>3</td><td>Obere linke Ecke wird auf den ersten Wert, obere rechte und untere linke Ecke auf den zweiten Wert und untere rechte Ecke auf den dritten Wert gesetzt.
</td>
								</tr>
								<tr><td>4</td><td>Obere linke, obere rechte, untere rechte und untere linke Ecke 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>div.hotbox {-moz-border-radius:20px}
div.circle {-moz-border-radius:50%}</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>
			</table>
		</div>
</body>
</html>