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

Bu blogdaki popüler yayınlar

HTML yorum etiketi ile öğe gizleme örneği

HTML Resimler

Html5 canvas animasyon dersleri Javascript Yilan Oyunu

Javascript ile neler yapılabilir

HTML blockquote Etiketi Örnek

YouTube Reklam Engelleyici

Linklerin Renklerini Değiştirme Örnek