Beispiel
Fügen Sie einen abgerundeten Rand an der oberen rechten Ecke eines div-Elements:
document.getElementById("myDIV").style.borderTopRightRadius = "25px"; Versuch es selber " Definition und Verwendung
Die borderTopRightRadius Eigenschaft definiert die Form der Grenze der oberen rechten Ecke.
Tip: Diese Eigenschaft ermöglicht es Ihnen , abgerundete Grenzen Elemente hinzuzufügen!
Browser-Unterstützung
Die borderTopRightRadius Eigenschaft wird in IE9 +, Firefox, Chrome, Safari und Opera unterstützt.
Syntax
Bringen Sie die borderTopRightRadius Eigenschaft:
object .style.borderTopRightRadius
Stellen Sie die borderTopRightRadius Eigenschaft:
object .style.borderTopRightRadius=" Note: Die Länge oder zwei Prozentwerte der border-top-right-radius Eigenschaften definieren die Radien einer Viertelellipse, die die Form der Ecke des Außenrandkante definiert. Der erste Wert ist der horizontale Radius, der zweite der vertikalen Radius. Wenn der zweite Wert weggelassen wird, wird es von den ersten kopiert. Wenn eine Länge Null ist, die Ecke quadratisch ist, nicht gerundet. Prozentsätze für die horizontale Radius beziehen sich auf die Breite der Grenzkasten, wobei Prozentsätze für die vertikal zur Höhe der Grenzkasten beziehen Radius. Eigenschaftswerte
Wert Beschreibung length Definiert die Form der oberen rechten Ecke % Definiert die Form der oberen rechten Ecke in% initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: 0 Rückgabewert: Ein String, die die Grenze-top-right-radius Eigenschaft eines Elements CSS Version CSS3
Verwandte Seiten
CSS - Referenz: border-top-right-radius property - border-top-right-radius property
<Style - Objekt