Style borderTopLeftRadius Eigenschaft

Definition und Verwendung

borderTopLeftRadius Eigenschaft setzt oder gibt die Form der linken oberen Kante zurück.

Tipp:Diese Eigenschaft ermöglicht es Ihnen, dem Element runde Ecken hinzuzufügen!

Weitere Informationen:

CSS-Referenzhandbuch:border-top-left-radius-Eigenschaft

Beispiel

Runden Sie die Ecken des linken oberen Ecks des div-Elements hinzufügen:

document.getElementById("myDIV").style.borderTopLeftRadius = "25px";

Versuchen Sie es selbst

Syntax

borderTopLeftRadius-Eigenschaft zurückgeben:

object.style.borderTopLeftRadius

borderTopLeftRadius-Eigenschaft setzen:

object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"

Anmerkung:Die Längenwerte und Prozentwerte der Eigenschaft border-top-left-radius definieren den Radius des Viertelkreises (definiert die Kantenform der Außenkante des Bogens). Der erste Wert ist der horizontale Radius, der zweite Wert ist der vertikale Radius. Wird der zweite Wert weggelassen, wird der erste Wert kopiert. Wenn die Länge Null ist, ist der Eckwinkel quadratisch, nicht rund. Der Prozentwert des horizontalen Radiusses bezieht sich auf die Breite des Rahmenkastens, und der Prozentwert des vertikalen Radiusses bezieht sich auf die Höhe des Rahmenkastens.

Eigenschaftswert

Wert Beschreibung
length Die Form des linken oberen Ecks definieren.
% Die Form des linken unteren Ecks mit Prozentwerten definieren.
initial Diese Eigenschaft wird auf ihren Standardwert gesetzt. Siehe initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe inherit.

Technische Details

Standardwert: 0
Rückgabewert: Zeichenkette, die die border-top-left-radius-Eigenschaft.
CSS-Version: CSS3

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung 9.0 Unterstützung Unterstützung Unterstützung