Properti border-top-right-radius CSS

Definisi dan penggunaan

Atribut border-top-right-radius mendefinisikan bentuk sudut kanan bawah batas.

Petunjuk:Atribut ini memungkinkan Anda menambahkan sudut bulat ke elemen.

Lihat pula:

Pelajaran CSS3:Garis border CSS3

Contoh

Tambahkan sudut bulat kanan atas ke elemen div:

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

Coba sendiri

Grammar CSS

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

Keterangan:Nilai panjang dan persen border-top-right-radius atribut mendefinisikan jari-jari segiempat lingkaran (mengdefinisikan bentuk ujung sudut eksternal) (radii). 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 sudut akan berbentuk persegi bukan lingkaran. Persen nilai jari-jari horizontal berdasarkan lebar kotak batas, sementara persen nilai jari-jari vertikal berdasarkan tinggi kotak batas.

Nilai atribut

Nilai Deskripsi Pengujian
length Mendefinisikan bentuk kanan atas. Pengujian
% Mendefinisikan bentuk kanan atas dengan persen. Pengujian

Detil teknis

Nilai default: 0
Inheritance: no
Versi: CSS3
Grammar JavaScript: object.style.borderTopRightRadius="5px"

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut 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