Sifat border-bottom-right-radius CSS

Definisi dan penggunaan

Sifat border-bottom-right-radius mendefinikan bentuk sudut kanan bawah border.

Petunjuk:Sifat ini memungkinkan Anda menambahkan border rounded ke elemen.

Lihat juga:

Panduan CSS3:Pemegang pinggir CSS3

Contoh

Tambahkan border rounded kanan bawah ke elemen div:

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

Coba sendiri

Syarat CSS

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

Keterangan:Nilai panjang dan persen border-bottom-right-radius sifat mendefinikan jari-jari setengah lingkaran (mendefinikan bentuk sudut kanan bawah) untuk setengah lingkaran (mendefinikan bentuk sudut eksternal kaitan). Nilai pertama adalah jari-jari horizontal, nilai kedua adalah jari-jari vertikal. Jika nilai kedua diabaikan, nilai pertama akan disalin. Jika panjang nol, sudut akan berbentuk persegi bukan lingkaran. Persen nilai jari-jari referensi ke lebar kotak batas, sementara persen nilai jari-jari referensi ke tinggi kotak batas.

Nilai sifat

Nilai Keterangan Pengujian
length Mendefinikan bentuk kanan bawah. Pengujian
% Mendefinikan bentuk kanan bawah dengan persen. Pengujian

Detil teknologi

Nilai baku: 0
Inheritsi: tidak
Versi: CSS3
Syarat Bahasa JavaScript: objek.style.borderBottomRightRadius="5px"

Dukungan pereka

Angka di dalam tabel menunjukkan versi pereka paling awal yang mendukung sifat ini.

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