Atribut border-bottom-right-radius CSS

Definisi dan penggunaan

Atribut border-bottom-right-radius mendefinisikan bentuk rounding corner bawah kanan.

Tips:Atribut ini memungkinkan Anda menambahkan rounding corner bawah kanan ke elemen.

Lihat pula:

Panduan CSS3:Batasan CSS3

Contoh

Tambahkan rounding corner bawah kanan ke elemen div:

div
{
border:2px solid;
border-bottom-right-radius:2em;
}

Coba sendiri

Syntaks CSS

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

Keterangan:Nilai panjang dan persen atribut border-bottom-right-radius mendefinisikan jari-jari segiempat lingkaran (mengdefiniskan bentuk ujung sudut eksternal garis bingkai) untuk radius (radii). Nilai pertama adalah radius horizontal, nilai kedua adalah radius vertikal. Jika nilai kedua diabaikan, nilai pertama akan disalin. Jika panjang nol, ujung sudut akan berbentuk persegi bukan lingkaran. Persen nilai radius horizontal berdasarkan lebar bingkai garis, sementara persen nilai radius vertikal berdasarkan tinggi bingkai garis.

Nilai atribut

Nilai Deskripsi Pengujian
length Definisi bentuk kanan bawah. Pengujian
% Definisi bentuk kanan bawah dengan persen. Pengujian

Detil teknis

Nilai default: 0
Inheritance: no
Versi: CSS3
Syntaks JavaScript: object.style.borderBottomRightRadius="5px"

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

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