English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Rahmen-unten-rechts-radius wird in CSS verwendet, um die runde Form des rechten unteren Ecks eines Elements zu setzen. Diese Form kann kugelförmig oder elliptisch sein, und wenn der Wert 0 ist, wird es ein gewöhnlicher rechter Winkel, und der Hintergrund, ob es ein Bild oder eine Farbe ist, wird von diesem Attribut beeinflusst.
Die folgende Tabelle enthält die Verwendungshinweise und Versionshistorie dieses Attributes sowie die Syntax für seine Verwendung in JavaScript-Skripten.
Standardwert: | 0 |
---|---|
Geeignet für: | alle Elemente |
Vererbung: | keine |
Animierbar: | ist.Bitte beziehen Sie sich auf Animationsattribute。 |
Version: | CSS3neue Funktion |
JavaScript-Syntax: | object object.style.borderBottomRightRadius="8px" |
Beachten Sie:Rahmen-unten-rechts-radius macht den Hintergrund des Elements rund, selbst wenn der Rahmen nicht definiert ist oder auf none gesetzt wird.
Die Syntax dieses Properties ist wie folgt:
Rahmen-unten-rechts-radius: [ length | percentage ]1 oder 2 values | initial | inherit
Dieser Kurzwahl kann ein oder zwei durch Leerzeichen getrennte Werte haben.
Der optionale zweite Längenwert definiert den vertikalen Radius der rechten Ecke, daher hat die Ecke die Form eines Viertel ellipsen.
Wenn der zweite Längenwert weggelassen wird oder gleich dem zweiten Längenwert ist, ist die Ecke quadratisch und nicht abgerundet. Wenn einer der Längenwerte Null ist, ist die Ecke ein rechter Winkel und nicht abgerundet.
Die folgenden Beispiele zeigen, wie man Rahmen-unten-rechts-radius Eigenschaft.
div { Rahmen: 2px fest #f08080; Rahmen-unten-rechts-radius: 20px; }Testen Sie heraus‹/›
Die folgende Tabelle beschreibt die Werte dieses Properties.
Wert | Beschreibung |
---|---|
length | Die Einheiten für Längenwerte können px, pt, cm, em usw. sein, aber negative Werte sind nicht erlaubt. |
percentage | Die Größe des Radius in Prozent. Bei zwei Werten wird der erste Wert im Verhältnis zur Breite des Elements berechnet (also horizontaler Radius) und der zweite Wert im Verhältnis zur Höhe des Elements (also vertikaler Radius). Negative Werte sind nicht erlaubt. |
initial | Setzen Sie diesen Property auf seinen Standardwert. |
inherit | Wenn angegeben, wird der Rahmen der übergeordneten Elemente verwendet-unten-rechts-Berechnungswert der radius Eigenschaft. |
Rahmen-unten-rechts-Kompatibilität der radius Eigenschaft der Browser, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer dar, die den Property unterstützt, alle gängigen Browser unterstützen dieses Property.
|
Warnung: Internet Explorer 8und frühere Versionen wird dieser Rahmen nicht unterstützt-unten-rechts-radius Eigenschaft. In IE9und höher unterstützt.
Siehe Anleitung:CSS Rahmen,CSS3 Border。
Zusammenhängende Eigenschaften:Rahmen-radius,Rahmen-unten-links-radius,Rahmen-oben-links-radius,Rahmen-oben-rechts-radius。