#border-bottom-right-radius
Properti CSS border-bottom-right-radius digunakan untuk membulatkan sudut kanan bawah suatu elemen.
Properti ini mengambil satu atau dua nilai yang menentukan jari-jari seperempat elips yang mendefinisikan bentuk sudut tepi batas luar.
Nilai pertama adalah jari-jari horizontal, yang kedua jari-jari vertikal.
Jika nilai kedua dihilangkan, itu disalin dari yang pertama.
Jika salah satu panjangnya nol, sudutnya persegi, bukan bulat.
Persentasi untuk jari-jari vertikal mangacu pada tinggi kotak pembatas. Nilai negatif tidak diperbolehkan.
Dua nilai batas-kanan-bawah: 55pt 25pt menentukan kelengkungan sudut.
Lengkungan sudut tidak harus melingkar sempurna.
Ketika hanya satu nilai yang ditentukan dan yang lainnya disalin dari yang ditentukan, hasilnya akan menjadi kurva lingkaran; yaitu, busur lingkaran digunakan sebagai perbatasan.
Dua jari-jari yang sama akan menghasilkan lengkungan melingkar.
Tetapi ketika dua nilai ditentukan dan mereka tidak sama, hasilnya adalah kurva elips; Yaitu, busur elips digunakan sebagai perbatasan.
Dua jari-jari yang tidak sama akan menghasilkan lengkungan elips.
CSS Syntax
border-bottom-right-radius: length | % [length|%] | initial | inherit;
Javascript Syntax
object.style.borderBottomRightRadius="25px"
default
border-bottom-right-radius: 0;
Menghapus semua radius perbatasan.
border-bottom-right-radius: 20px;
Kamu dapat menggunakan nilai-nilai piksel .
border-bottom-right-radius: 50%;
Kamu dapat menggunakan nilai persentase . Dalam contoh ini, jari-jari dimulai setengah di perbatasan bawah , dan berakhir di setengah di perbatasan kanan .
border-bottom-right-radius: 20px
50%;
Jika kamu menetapkan dua nilai , yang pertama adalah untuk perbatasan bawah , yang kedua untuk perbatasan kanan .
Browser Support
Tabel berikut ini menunjukkan tingkat dukungan browser untuk fitur border radius yang disediakan oleh Caniuse.com.