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 progress Etiketi

CSS content Özelliği

HTML section Etiketi

CSS transition-delay Özelliği

CSS align-items özelliği

CSS justify-content Özelliği

CSS text-justify Özelliği

CSS overflow Özelliği

HTML5 Canvas Oyun Yapımı Dersleri

CSS top Özelliği