Atribut border-bottom-left-radius CSS

Definisi dan penggunaan

Atribut border-bottom-left-radius mendefinisikan bentuk sudut bawah kiri bingkai.

Tips:Atribut ini memungkinkan Anda menambahkan bingkai bulat ke elemen.

Lihat pula:

Panduan CSS3:Batasan CSS3

Contoh

Tambahkan sudut bulat bawah kiri ke elemen div:

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

Coba sendiri

Sintaksa CSS

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

Keterangan:Nilai panjang dan persen dari atribut border-bottom-left-radius mendefinisikan jari-jari segiempat lingkaran (mendefinisikan bentuk sudut sudut yang beraturan) untuk bingkai lingkaran (mendefinisikan bentuk sudut bingkai eksternal). Nilai pertama adalah jari-jari horizontal, dan nilai kedua adalah jari-jari vertikal. Jika nilai kedua diabaikan, nilai pertama akan dipanggil. Jika panjangnya nol, sudut akan berbentuk persegi bukannya lingkaran. Persen nilai jari-jari referensi ke lebar bingkai kotak, dan persen nilai jari-jari referensi ke tinggi bingkai kotak.

Nilai atribut

Nilai Deskripsi Pengujian
length Mendefinisikan bentuk sudut kiri bawah. Pengujian
% Mendefinisikan bentuk sudut kiri bawah dengan persen. Pengujian

Detil teknis

Nilai standar: 0
Inheritsi: no
Versi: CSS3
Sintaksa JavaScript: object.style.borderBottomLeftRadius="5px"

Dukungan browser

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

Angka yang diawali dengan -webkit- atau -moz- menunjukkan versi pertama yang menggunakan prefiks.

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