Sifat border-top-right-radius CSS

Definisi dan penggunaan

Sifat border-top-right-radius mendefinikan bentuk pinggir kanan bawah.

Petikan:Sifat ini memungkinkan anda menambahkan bilah rounding ke elemen.

Lihat juga:

Panduan CSS3:BORDER3 CSS

Contoh

Tambahkan bilah rounding kanan atas ke elemen div:

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

Coba sendiri

Rumus CSS

border-top-right-radius: panjang|% [panjang|%];

Keterangan:Nilai panjang dan persen border-top-right-radius sifat mendefinikan jari-jari setengah lingkaran (mengdefinikan bentuk ujung pinggir eksternal) untuk setengah lingkaran (mengdefinikan bentuk pinggir ujung eksternal). Nilai pertama adalah jari-jari horizontal, nilai kedua adalah jari-jari vertikal. Jika nilai kedua diabaikan, nilai pertama akan disalin. Jika panjang adalah nol, ujung pinggir akan berbentuk persegi bukan lingkaran. Persen nilai jari-jari horizontal merujuk kepada lebar kotak batas, manakala persen nilai jari-jari vertikal merujuk kepada tinggi kotak batas.

Nilai sifat

Nilai Penerangan Pengujian
panjang Mendefinikan bentuk kanan atas. Pengujian
% Mendefinikan bentuk kanan atas dengan persen. Pengujian

Perincian teknologi

Nilai lalai: 0
Inheritsi: tidak
Versi: CSS3
Rumus JavaScript: objek.style.borderTopRightRadius="5px"

Pemungutan sokongan pereka

Bilangan di dalam tabel menunjukkan versi paling awal penggunaan sifat ini yang disokong sepenuhnya.

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