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

Tanım ve kullanım

border-top-left-radius özelliği, sol üst 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 sol üst köşesine yuvarlak kenar çerçeve ekleyin:

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

Kişisel olarak deneyin

CSS dilbilgisi

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

Açıklama: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ı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 olur, yuvarlak olmaz. Yatay yarıçapın yüzdelik değeri çerçeve kutusunun genişliğine, dikey yarıçapın yüzdelik değeri çerçeve kutusunun yüksekliğine referanstır.

Özellik değeri

Değer Açıklama Test
length Sol alt köşenin şeklini tanımlar. Test
% Sol alt köşenin şeklini yüzdelik değere göre tanımlar. Test

Teknik ayrıntılar

Varsayılan değer: 0
Miras: hayır
Sürüm: CSS3
JavaScript dilbilgisi: object.style.borderTopLeftRadius="5px"

Tarayıcı desteği

Tablodaki 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