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

tanım ve kullanım

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

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

ayrıca bkz:

CSS3 dersleri:CSS3 Kenar

örnek

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

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

kendiniz deneyin

CSS dilbilgisi

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

yorum:border-bottom-right-radius özelliğinin uzunluk değeri ve yüzde değeri, dörtte bir elipsin (dış kenar çerçevesinin köşe şeklini tanımlayan) yarıçapını (radii) tanımlar. İlk değer yatay yarıçap, ikinci değer dikey yarıçaptı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 kenar çerçevesi kutusunun genişliğine, dikey yarıçapın yüzde değeri kenar çerçevesi kutusunun yüksekliğine referanstır.

özellik değeri

değer tanım test
length sağ alt köşenin şeklini tanımlar. test
% sağ alt köşenin şeklini yüzde değeri ile tanımlar. test

teknik ayrıntılar

varsayılan değer: 0
miras: hayır
sürüm: CSS3
JavaScript dilbilgisi: object.style.borderBottomRightRadius="5px"

tarayıcı desteği

tablo içindeki rakamlar, bu özelliği tam olarak 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