-moz-border-radius
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Auf Mozilla basierende Browser (einschließlich Netscape ab Version 6) unterstützen eine ganze Reihe nicht standardgemäßer CSS-Eigenschaften. Diese beginnen mit dem Präfix -moz. Mehrere dieser Eigenschaften werden auch in den aktuellen Empfehlungen für zukünftige CSS-Standards erwähnt.
Die zusammenfassende Eigenschaft -moz-border-radius beschreibt den Radius der Abrundung von Rahmenecken in einer Anweisung.
Mit den Eigenschaften -moz-border-radius-bottomleft, -moz-border-radius-bottomright, -moz-border-radius-topleft und -moz-border-radius-topright kann die Abrundung jeder einzelnen Ecke auch separat deklariert werden.
Abgerundete Ecken führen nicht zu einer Beschneidung des Inhalts in einer Box, sondern lediglich ihres Hintergrunds. Für den Einsatz von -moz-border-radius empfiehlt sich der Einsatz eines ausreichenden Innenrands im betreffenden Element, um Überlappungen zu vermeiden.
Vererbt: nein
Siehe auch: -moz-border-radius-corner
Werte
Zwischen einem und vier Werten, getrennt mit Leerzeichen. Gültig sind CSS-Maßangaben oder Prozentwerte von 0% bis 50% der Breite des betreffenden Elements. Die Zuweisung der Werte wird in der folgenden Tabelle beschrieben.
Tabelle: Wertkombinationen für -moz-border-radius und ihre Auswirkung.
| Anzahl der Werte | Auswirkung |
|---|---|
| 1 | Der Wert bezieht sich auf alle vier Ecken. |
| 2 | Der erste Wert bezieht sich auf die Ecken oben links und unten rechts, der zweite Wert auf die Ecken oben rechts und unten links. |
| 3 | Der erste Wert bezieht sich auf die Ecke oben links, der zweite Wert auf die Ecken oben rechts und unten links, der dritte Wert auf die Ecke unten rechts. |
| 4 | Der erste Wert bezieht sich auf die Ecke oben links, der zweite Wert auf die Ecke oben rechts, der dritte Wert auf die Ecke unten rechts, der vierte Wert auf die Ecke unten links. |
Standardwert: 0
Kompatibilität
CSS-Version: ist nicht Bestandteil der CSS-Spezifikation
Funktioniert nur in auf Mozilla basierenden Browsern, einschließlich Netscape ab Version 6.
Eine entsprechende Funktionalität in CSS3 ist geplant. Die endgültigen Eigenschafts- und Wertbezeichnungen werden jedoch wahrscheinlich anders lauten. Aktuelle Informationen finden Sie auf der Website der CSS Working Group.
Beispiel
Folgende Stilregel erzeugt einen kreisrunden Rahmen um ein 100 Pixel breites Element der Klasse kreis:
| Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg