Style borderTopLeftRadius özelliği

Tanım ve Kullanım

borderTopLeftRadius Kenar çerçevesinin sol üst köşesinin şeklini ayarlar veya döndürür.

İpucu：Bu özellik, elemanınıza yuvarlak kenar çerçeve eklemenizi sağlar!

Ayrıca bakınız：

CSS Referans Kılavuzu：border-top-left-radius özelliği

Örnek

div elemanının sol üst köşesine yuvarlak kenar çerçeve ekleyin：

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

Kişisel olarak deneyin

Gramer

borderTopLeftRadius özelliğini döndürür：

nesne.style.borderTopLeftRadius

borderTopLeftRadius özelliğini ayarla：

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

Yorum:border-top-left-radius özelliğinin uzunluk değeri ve yüzdelik değerleri, dörtte bir elipsin (dış kenar çerçevesinin köşe şeklini tanımlar) yarıçapını tanımlar. İlk değer yatay yarıçap, ikinci değer dikey yarıçapdır. İkinci değer atlanırsa, ilk değer kopyalanır. Uzunluk sıfır ise, köşe kare yerine dügdür. Yatay yarıçap yüzdelik değeri kenar çerçevesi kutusunun genişliğine, dikey yarıçap yüzdelik değeri kenar çerçevesi kutusunun yüksekliğine referanstır.

Özellik değeri

Değer Tanım
length Sol üst köşenin şeklini tanımlar.
% Sol alt köşenin şeklini ondalık yüzdelikle tanımlar.
initial Bu özelliği varsayılan değerine ayarlar. Ayrıca bakınız initial。
inherit Bu özelliği ebeveyn elemanından miras alır. Ayrıca bakınız inherit。

Teknik ayrıntılar

Varsayılan değer： 0
Dönüş değeri： dizgi, elemanın border-top-left-radius özelliği。
CSS Sürümü： CSS3

Tarayıcı destekler

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek 9.0 Destek Destek Destek