tutorial pengembangan web terbaru
 

Style borderRadius Property

<Style Object

Contoh

Menambahkan perbatasan bulat untuk elemen div:

document.getElementById("myDIV").style.borderRadius = "25px";
Cobalah sendiri "

Definisi dan Penggunaan

Properti borderRadius adalah properti singkat untuk setting, atau kembali, empat perbatasan * Radius properti.

Tip: Properti ini memungkinkan Anda untuk menambahkan sudut dibulatkan ke elemen!


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Properti borderRadius didukung dalam IE9 +, Firefox, Chrome, Safari, dan Opera.


Sintaksis

Kembali properti borderRadius:

object .style.borderRadius

Mengatur properti borderRadius:

object .style.borderRadius=" Note: Empat nilai untuk setiap jari-jari yang diberikan dalam urutan top-kiri, kanan atas, kanan bawah, kiri bawah. Jika kiri bawah dihilangkan itu adalah sama dengan kanan atas. Jika kanan bawah dihilangkan itu adalah sama dengan kiri atas. Jika kanan atas dihilangkan itu adalah sama dengan kiri atas.

Nilai properti

Nilai Deskripsi
length Mendefinisikan bentuk sudut. Nilai default adalah 0
% Mendefinisikan bentuk dari sudut dalam%
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: 0
Kembali Nilai: Sebuah String, yang mewakili properti border-radius elemen
CSS Versi CSS3

Pages terkait

Referensi CSS: border-radius property


<Style Object