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

CSS3 border-bottom-right-radius

Css border-bottom-right-radius özelliği ile bir html elemanının sağ alt kenarının kavisi ayarlanabilir.

Örnek:

Bu örnekte bir div elemanının sağ alt kenarının yarı çapı 3em değeri olarak uygulanacaktır.

div { border: 3px solid red; padding: 20px; background: #F8FFCC; border-bottom-right-radius: 3em; }

CSS3 border-bottom-right-radius nedir nasıl kullanılır

Bir html elemanının köşesinin yuvarlaklığını kontrol etmemize sağlayan özelliktir.

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

CSS3 border-bottom-right-radius Tarayıcı Desteği

CSS Kodu:
border-bottom-right-radius 5.0
4.0 -webkit-
9.0 4.0
3.0 -moz-
5.0
3.1 -webkit-
10.5

CSS3 border-bottom-right-radius Değerleri

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

CSS3 border-bottom-right-radius özelliği değerleri

CSS border-bottom-right-radius değerleri CSS border-bottom-right-radius değerleri tanımları CSS örnek uygulamalar
length Sol alt kenarın köşesindeki kırılma uzunlukları tanımlanır.
% Köşenin birleşim uzunlularının % değeri verilerek uygulanır.
initial Özelliğin varsayılan değeridir.
inherit Soy bağından gelen değeri taşır.  

Yorumlar

Bu blogdaki popüler yayınlar

HTML Resimler

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

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

Uyurken Bile Para Kazanmak İster misin

javascript ile aciklama satiri ve haftanın gunünü bulma

Linklerin Renklerini Değiştirme Örnek