Atribut Style borderTopLeftRadius

Definisi dan penggunaan

borderTopLeftRadius Atribut ini menetapkan atau mengembalikan bentuk sudut kiri atas border.

Petunjuk:Atribut ini memungkinkan Anda menambahkan garis border rounded untuk elemen!

Lihat pula:

Panduan CSS:Atribut border-top-left-radius

Contoh

Menambahkan garis border rounded di sudut kiri atas elemen div:

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

Coba sendiri

Syarat

Kembalikan atribut borderTopLeftRadius:

object.style.borderTopLeftRadius

Atur atribut borderTopLeftRadius:

object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"

Keterangan:Nilai panjang dan persen atribut border-top-left-radius mendefinikan jari-jari segiempat lingkaran (mendefinikan bentuk sudut ujung ekor garis border) dengan radius. Nilai pertama adalah radius tingkat horizontal, nilai kedua adalah radius tingkat vertikal. Jika nilai kedua diabaikan, nilai pertama akan disalin. Jika panjangnya nol, sudut akan berbentuk persegi bukan lingkaran. Persen nilai radius tingkat horizontal berdasarkan lebar kotak border, sementara persen nilai radius tingkat vertikal berdasarkan tinggi kotak border.

Nilai atribut

Nilai Deskripsi
length Mengdefinikan bentuk sudut kiri atas.
% Mengdefinikan bentuk sudut kiri bawah dengan persen.
initial Atur atribut ini ke nilai default. Lihat initial。
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit。

Detil teknis

Nilai default: 0
Nilai kembalian: string, yang menunjukkan elemen Atribut border-top-left-radius。
Versi CSS： CSS3

Pembaca browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan 9.0 Dukungan Dukungan Dukungan