属性 border-bottom-left-radius CSS

Definisi dan penggunaan

Sifat border-bottom-left-radius mendefinikan bentuk pinggir sudut kiri bawah.

Panduan:Sifat ini memungkinkan anda menambahkan pinggir rounded ke elemen.

Lihat juga:

Panduan CSS3:BORDER3 CSS

Contoh

Tambahkan pinggir rounded ke sudut kiri bawah elemen div:

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

Cuba sendiri

Syarat CSS

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

Keterangan:Nilai panjang dan peratusan border-bottom-left-radius sifat mendefinikan jari-jari (radii) segiempat bulat (mengdefinikan bentuk pinggir belah kotak eksternal) untuk sepupuk (mengdefinikan bentuk pinggir sudut). Nombor pertama adalah jari-jari horizontal, nombor kedua adalah jari-jari vertikal. Jika nilai kedua diabaikan, nilai pertama akan disalin. Jika panjang nol, sudut akan menjadi segi empat, bukan bulat. Peratusan jari-jari horizontal merujuk kepada lebar kotak pinggir, dan peratusan jari-jari vertikal merujuk kepada tinggi kotak pinggir.

Nilai sifat

Nilai Penerangan Pengujian
length Mendefinikan bentuk kiri bawah. Pengujian
% Mendefinikan bentuk kiri bawah dengan peratusan. Pengujian

Butir teknologi

Nilai lalai: 0
Inheren tidak
Versi: CSS3
Syarat JavaScript: object.style.borderBottomLeftRadius="5px"

Pendukung pereka

Nombor di dalam jadual menunjukkan versi pereka paling awal yang menyokong sifat ini.

Nombor yang dihadapkan dengan -webkit- atau -moz- menunjukkan versi pertama yang menggunakan awalan.

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