Latest web development tutorials

Properti HTML DOM Style borderRadius

Gaya Referensi Obyek gaya Objects

contoh

Tambahkan sudut dibulatkan ke elemen div:

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

Coba »

Definisi dan Penggunaan

Properti borderRadius adalah set properti singkat atau mengembalikan empat properti border-radius.

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


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE9 +, Firefox, Chrome, Safari dan dukungan Opera properti borderRadius.


tatabahasa

Kembali sifat borderRadius:

object .style.borderRadius

Pengaturan properti borderRadius:

object .style.borderRadius="1-4 length|%/1-4 length|%|initial|inherit"

Catatan: untuk empat nilai sesuai dengan jari-jari, kanan atas kiri atas, kanan bawah, kiri bawah, dalam urutan yang diberikan.Jika nilai kiri akan dihilangkan, nilainya konsisten dengan nilai di kanan atas. Jika nilai kanan bawah akan dihilangkan, nilainya konsisten dengan nilai kiri atas. Jika nilai kanan atas akan dihilangkan, nilainya konsisten dengan nilai kiri atas.

Nilai properti

描述
length 定义角的形状。默认值是 0。
% 以 % 形式定义角的形状。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

rincian teknis

default: 0
Pengembalian: String yang mewakili perbatasan-radius elemen properti.
versi CSS CSS3


Artikel terkait

CSS Referensi: atribut border-RADIUS


Gaya Referensi Obyek gaya Objects