Mozilla: Rahmen mit abgerundeten Ecken: `-moz-border-radius`

Beispiel

Beispiel für einen Radius Mit den fünf Eigenschaften -moz-border-radius, -moz-border-radius-topleft, -moz-border-radius-topright, -moz-border-radius-bottomleft, -moz-border-radius-bottomright kannst du für Rahmen abgerundete Ecken erzeugen. Festgelegt wird der Radius mit dem in der Ecke ein Viertelkreis mit den angegebenen Rahmeneigenschaften gezeichnet wird.
-moz-border-radius bestimmt den Radius aller vier Ecken, die anderen Vier legen den Radius der einzelnen Ecken fest. Diese Eigenschaften sind ähnlich wie die border-radius-Eigenschaften, die für CSS 3 geplant sind.

<div style=" border:3px solid red; -moz-border-radius:30px;">
 Ein Container mit abgerundeten Ecken für den Mozilla
</div>

Initialwert:	-
Vererbbar:	Nein
Anwendbar auf:	Alle Elemente
Medium:	Visual
Werte:	Längenangaben.
Prozentuale Werte:	Beziehen sich auf die Abmessungen des Elements (der Box), für das diese Eigenschaften angegeben ist.

Diese Eigenschaft gehört nicht zum offiziellen Standard des W3C, sondern ist in Anlehnung an die kommenden CSS-3-Eigenschaften von den Mozilla-Entwicklern eingeführt worden. Du kannst sie jederzeit einsetzen, musst aber damit rechnen, dass sie durch die CSS-3-Eigenschaften ausgetauscht werden, sobald diese offiziell verabschiedet sind.