border-bottom-left-radius

Properti CSS border-bottom-left-radius digunakan untuk membulatkan sudut kiri bawah 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, maka nilai pertama akan disalin.

Jika salah satu panjangnya nol, sudutnya persegi, bukan bulat.

Persentase untuk jari-jari horizontal mengacu pada lebar kotak pembatas, sedangkan persentase untuk jari-jari vertikal mengacu pada tinggi kotak pembatas. Dan nilai negatif tidak dibolehkan.

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.

Tetapi ketika dua nilai ditentukan dan mereka tidak sama, hasilnya adalah kurva elips; Yaitu, busur elips digunakan sebagai perbatasan.

CSS Syntax

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

Javascript Syntax

object.style.borderBottomLeftRadius="25px"

Browser Support

Tabel berikut ini menunjukkan tingkat dukungan browser untuk fitur border radius yang disediakan oleh Caniuse.com.