Beispiel
Fügen Sie einen abgerundeten Rand an der linken oberen Ecke eines div-Elements:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px"; Versuch es selber " Definition und Verwendung
Die borderTopLeftRadius Eigenschaftssätze oder gibt die Form der Grenze der oberen linken Ecke.
Tip: Diese Eigenschaft ermöglicht es Ihnen , abgerundete Grenzen Elemente hinzuzufügen!
Browser-Unterstützung
Die borderTopLeftRadius Eigenschaft wird in IE9 +, Firefox, Chrome, Safari und Opera unterstützt.
Syntax
Bringen Sie die borderTopLeftRadius Eigenschaft:
object .style.borderTopLeftRadius
Stellen Sie die borderTopLeftRadius Eigenschaft:
object .style.borderTopLeftRadius=" Note: Die Länge oder zwei Prozentwerte der border-top-left-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 linken Ecke % Definiert die Form der oberen linken 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: Eine Schnur, die den Rand-top-left-radius Eigenschaft eines Elements CSS Version CSS3
Verwandte Seiten
CSS - Referenz: border-top-left-radius property
<Style - Objekt