Stil borderRadius Özellik
Örnek
Bir div öğesine yuvarlak kenarlıklar ekleyin:
document.getElementById("myDIV").style.borderRadius = "25px";
Tanım ve Kullanım
borderRadius özelliği, dört borderRadius özelliğini ayarlamak veya döndürmek için kullanılan bir kestirme özelliktir.
Dört sınır yarıçapı özelliği (bu sırayla):
kenarlıkÜstSolYarıçap
sınırıÜstSağYuvarlak
kenarlığıAltSağYarıçap
sınırıAltSolYarıçap
İpucu: Bu özellik, öğelere yuvarlatılmış köşeler eklemenizi sağlar!
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
borderRadius | Yes | 9.0 | Yes | Yes | Yes |
Sözdizimi
borderRadius özelliğini döndürün:
object.style.borderRadius
borderRadius özelliğini ayarlayın:
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
Not: Her yarıçap için dört değer sol üst, sağ üst, sağ alt, sol alt sırayla verilmiştir. Sol alt atlanırsa, sağ üst ile aynıdır. Sağ alt atlanırsa, sol üst ile aynıdır. Sağ üst atlanırsa, sol üst ile aynıdır.
Mülk değerleri
Value | Description |
---|---|
length | Defines the shape of the corners. Default value is 0 |
% | Defines the shape of the corners in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | 0 |
---|---|
Geri dönüş değeri: | Bir elemanın border-radius özelliğini temsil eden bir String |
CSS Sürümü | CSS3 |
İlgili Sayfalar
CSS referansı: border-radius özelliği