English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS Ränder-oben-rechts-Die radius-Eigenschaft setzt die Kantenrunde des Elements an der "rechten oberen Ecke" fest.
Die nachstehende Tabelle enthält die Anwendungsbeschreibung und Versionshistorie dieses Attributes sowie die Syntax seiner Verwendung im JavaScript-Skript.
| Standardwert: | 0 |
|---|---|
| Verwendbar für: | Alle Elemente |
| Vererbung: | Keine |
| Animierbare Erstellung: | Ja.Siehe auch Animationseigenschaften。 |
| Version: | CSS3neue Funktion |
| JavaScript Syntax: | object object.style.borderTopRightRadius="5px" |
Hinweis:Ränder-oben-rechts-radius macht auch den Hintergrund des Elements rund, selbst wenn der Rand nicht definiert ist oder auf none gesetzt wird.
Die Syntax dieses Attributes ist wie folgt:
Ränder-oben-rechts-radius: [ length | percentage ]1 oder 2 values | initial | inherit
Dieser Kurzwahl kann ein oder zwei durch Leerzeichen getrennte Werte zugewiesen werden.
Der optionale zweite Längenwert definiert den vertikalen Radius des oberen rechten Winkels, daher hat die Ecke die Form eines Viertelellipses.
Wenn der zweite Längenwert weggelassen wird oder gleich dem zweiten Längenwert ist, hat die Ecke die Form eines Viertelkreises. Wenn einer der Längenwerte Null ist, ist die Ecke ein Quadrat und nicht abgerundet.
Der folgende Beispiel zeigt, wie man border-oben-rechts-radius Eigenschaft.
div {
border: 2px solid #f08080;
Ränder-oben-rechts-radius: 20px;
}Testen Sie es heraus‹/›Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| length | Bei Längenwerten in px, pt, cm, em usw., aber negative Werte sind nicht erlaubt. |
| percentage | Die Größe des Radius in Prozent. Bei zwei Werten wird der erste Wert als Prozentsatz zur Breite des Elementrahmens berechnet (also der horizontale Radius), und der zweite Wert als Prozentsatz zur Höhe des Elementrahmens (also der vertikale Radius). Negative Werte sind nicht erlaubt. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der Rand der übergeordneten Elemente verwendet.-oben-rechts-radius Eigenschaftswerte. |
Ränder-oben-rechts-Kompatibilität der radius Eigenschaft der Browser, die in der folgenden Tabelle angegebenen Zahlen stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.
|
Siehe Anleitung:CSS Border，CSS3 Border。
Verwandte Eigenschaften:Ränder-radius，Ränder-unten-links-radius，Ränder-unten-rechts-radius，Ränder-oben-links-radius。