Google ve Youtube Reklamlarını Engelleyen Tarayıcı ve Uygulama İndir

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

CSS border-top-left-radius

Css border-top-left-radius özelliği ile html elemanlarının sol üst köşesinin sitili belirlenebilir.

Örnek:

Bu örnekte bir div elementinin sol üst kenarının yarı çap değeri "3em" olarak uygulanmıştır. Özelliğin etkisini öğrenmek için aşağıdaki kendiniz deneyin tuşuna tıklayınız.

div { border: 3px solid red; padding: 20px; background: orange; border-top-left-radius: 4em; }

CSS border-top-left-radius nedir nasıl kullanılır

Css border-top-left-radius özelliğini kullanarak kenarları pahlı kenarlıklar elde edilebilir.Daha detaylı bilgi için örnekleri inceleyiniz.

CSS border-top-left-radius CSS border-top-left-radius özellikleri  
Varsayılan Değer: 0  
Kalıtsallık: yok  
Animasyon Özelliği: var
Versiyon: CSS3  
JavaScript border-top-left-radius: object.style.borderTopLeftRadius="85px"

CSS border-top-left-radius Tarayıcı Desteği

Tablodaki sayılar tam özelliğini destekleyen ilk tarayıcı sürümünü belirtir.

CSS Kodu:
border-top-left-radius 5.0
4.0 -webkit-
9.0 4.0
3.0 -moz-
5.0
3.1 -webkit-
10.5

CSS border-top-left-radius Değerleri

border-top-left-radius:length|% [length|%]|initial|inherit;

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

CSS border-top-left-radius değerleri CSS border-top-left-radius değerleri tanımları CSS örnek uygulamalar
length Sayısal değer olarak uzunluk girilir.
% Yüzdesel olarak değer girilir.
initial Özelliğin varsayılan başlangıç değeridir.
inherit Soybağından gelen değeri kullanır.  

Yorumlar