Neueste Web-Entwicklung Tutorials
 

Style borderRadius Property

<Style - Objekt

Beispiel

In abgerundete Rand zu einem div-Elemente:

document.getElementById("myDIV").style.borderRadius = "25px";
Versuch es selber "

Definition und Verwendung

Die borderRadius Eigenschaft ist eine Kurz Eigenschaft für die Einstellung oder Rückkehr, die vier Grenze * Radius Eigenschaften.

Tip: Diese Eigenschaft ermöglicht es Ihnen , abgerundete Ecken Elemente hinzuzufügen!


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Die borderRadius Eigenschaft wird in IE9 +, Firefox, Chrome, Safari und Opera unterstützt.


Syntax

Bringen Sie die borderRadius Eigenschaft:

object .style.borderRadius

Stellen Sie die borderRadius Eigenschaft:

object .style.borderRadius=" Note: Die vier Werte für die einzelnen Radien in der angegebenen Reihenfolge sind oben links, oben rechts, unten rechts, unten links. Wenn unten links weggelassen wird, ist es die gleiche wie oben rechts. Wenn unten rechts weggelassen wird, ist es das gleiche wie oben links. Wenn oben rechts weggelassen wird, ist es das gleiche wie oben links.

Eigenschaftswerte

Wert Beschreibung
length Definiert die Form der Ecken. Der Standardwert ist 0
% Definiert die Form der Ecken 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 Grenzradius Eigenschaft eines Elements
CSS Version CSS3

Verwandte Seiten

CSS - Referenz: border-radius property


<Style - Objekt