Atribut borderRadius Style

Definisi dan Penggunaan

borderRadius Atribut ini adalah atribut singkat untuk mengatur atau mengembalikan empat atribut borderRadius.

Empat atribut borderRadius adalah (dalam urutan ini):

Petunjuk:Atribut ini memungkinkan Anda menambahkan lingkar sudut bagi elemen!

Lihat Juga:

Panduan CSS:Atribut border-radius

Contoh

Tambahkan bingkai lingkar sudut ke elemen div:

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

Coba Sendiri

Sintaks

Kembalikan Atribut borderRadius:

object.style.borderRadius

Setel Atribut borderRadius:

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

Komentar:Empat nilai untuk setiap radius diberikan dalam urutan kiri atas, kanan atas, kanan bawah, dan kiri bawah. Jika kiri bawah dilewati, maka sama dengan kanan atas. Jika kanan bawah dilewati, maka sama dengan kiri atas. Jika kanan atas dilewati, maka sama dengan kiri atas.

Nilai Atribut

Nilai Deskripsi
length Definisi bentuk sudut. Nilai defaultnya adalah 0.
% Definisi bentuk lingkar sudut dalam persen.
initial Setel atribut ini ke nilai default. Lihat initial.
inherit Inheren atribut ini dari elemen induknya. Lihat inherit.

Detil Teknologi

Nilai Default: 0
Nilai Kembalian: String, menunjukkan elemen Atribut border-radius.
Versi CSS: CSS3

Dukungan Browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukung 9.0 Dukung Dukung Dukung