Batas gaya Properti Radius
Contoh
Tambahkan batas bulat ke elemen div:
document.getElementById("myDIV").style.borderRadius = "25px";
Definisi dan Penggunaan
Properti borderRadius adalah properti singkatan untuk mengatur, atau mengembalikan, empat properti borderRadius.
Empat properti radius perbatasan adalah (dalam urutan ini):
perbatasanKiriAtasBatas radiusKananAtasBatas radiusKanan
BawahPerbatasan
radiusKiri
BawahRadius
Tip: Properti ini memungkinkan Anda untuk menambahkan sudut membulat ke elemen!
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
borderRadius | Yes | 9.0 | Yes | Yes | Yes |
Sintaksis
Kembalikan properti borderRadius:
object.style.borderRadius
Setel properti borderRadius:
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
Catatan: Empat nilai untuk setiap jari-jari diberikan dalam urutan kiri atas, kanan atas, kanan bawah, kiri bawah. Jika kiri bawah dihilangkan sama dengan kanan atas. Jika kanan bawah dihilangkan sama dengan kiri atas. Jika kanan atas dihilangkan sama dengan kiri atas.
Nilai properti
Value | Description |
---|---|
length | Defines the shape of the corners. Default value is 0 |
% | Defines the shape of the corners in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | 0 |
---|---|
Nilai Kembali: | Sebuah String, mewakili properti radius batas dari suatu elemen |
Versi CSS | CSS3 |
Halaman Terkait
Referensi CSS: properti radius perbatasan