CSS border-top-right-radius özelliği

Tanım ve kullanım

border-top-right-radius özelliği, sağ alt köşe kenar çerçevesinin şeklini tanımlar.

İpucu:Bu özellik, elemente yuvarlak kenar çerçeve eklemenizi sağlar.

Ayrıca bakınız:

CSS3 Eğitimi:CSS3 kenarlık

Örnek

div elementinin sağ üst köşesine yuvarlak kenar çerçeve ekleyin:

div
{
border:2px solid;
border-top-right-radius:2em;
}

Kişisel olarak deneyin

CSS dilbilgisi

border-top-right-radius: length|% [length|%];

Açıklama:border-top-right-radius özelliğinin uzunluk değeri ve yüzde değeri, dörtte bir elipsin (dış kenar çerçevesinin köşe şeklini tanımlar) yarıçapını (radii) 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ırsa, köşe kare, değilse dügendir. Yatay yarıçapın yüzde değeri çerçeve kutusunun genişliğine, dikey yarıçapın yüzde değeri çerçeve kutusunun yüksekliğine referanstır.

Özellik değeri

Değer Açıklama Test
length Sağ üst köşenin şeklini tanımlar. Test
% Sağ üst köşenin şeklini yüzde değeri ile tanımlar. Test

Teknik ayrıntılar

Öntanımlı değer: 0
Geçişlilik: hayır
Sürüm: CSS3
JavaScript dilbilgisi: object.style.borderTopRightRadius="5px"

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5