Style borderRadius Özelliği

Tanım ve Kullanım

borderRadius Bu özellik, dört borderRadius özelliklerini ayarlamak veya döndürmek için kısayol özelliğidir.

Dört borderRadius özelliği (bu sırayla):

İpucu:Bu özellik, elemente yuvarlak köşeler eklemenizi sağlar!

Ayrıca bakınız:

CSS Referans Kılavuzu:border-radius özelliği

Örnek

div elementine yumuşak kenar çubuğu ekleyin:

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

Kişisel olarak deneyin

Gramer

borderRadius özelliğini döndür:

object.style.borderRadius

borderRadius özelliğini ayarla:

object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"

Yorum:Her yarıçapın dört değeri soldan yukarı, sağdan yukarı, sağdan aşağı, soldan aşağı sırasıyla verilir. Eğer sol aşağı köşe atlanırsa, sağdan yukarı ile aynıdır. Eğer sağ aşağı köşe atlanırsa, soldan yukarı ile aynıdır. Eğer sağ yukarı köşe atlanırsa, soldan yukarı ile aynıdır.

Özellik değeri

Değer Tanım
length Köşenin şeklini tanımlar. Öntanımlı değeri 0'dır.
% Daire köşelerin şeklini yüzde ile tanımlar.
initial Bu özelliği öntanımlı değerine ayarlar. Bakınız initial。
inherit Bu özelliği ebeveyn elementinden bu özelliği devralır. Bakınız inherit。

Teknik ayrıntılar

Öntanımlı değer: 0
Dönüş değeri: Dizgi, elementin border-radius özelliği。
CSS sürümü： CSS3

Tarayıcı desteği

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