border-top-left-radius
Properti CSS border-top-left-radius digunakan untuk membulatkan sudut kiri atas suatu elemen.
Properti mengambil dalam satu atau dua nilai yang menentukan jari-jari seperempat elips yang mendefinisikan bentuk sudut tepi batas luar.
Nilai pertama adalah jari-jari horizontal, yang kedua jari-jari vertikal. Jika nilai kedua dihilangkan, itu disalin dari yang pertama.
Jika salah satu panjangnya nol, sudutnya persegi, bukan bulat.
Persentase untuk jari-jari horizontal mengacu pada lebar kotak pembatas, sedangkan persentase untuk jari-jari vertikal mengacu pada tinggi kotak pembatas.
Nilai negatif tidak diperbolehkan.
Dua nilai batas-atas-kiri-jari-jari: 55pt 25pt menentukan lengkungan sudut.
Lengkungan sudut tidak harus melingkar sempurna.
Ketika hanya satu nilai yang ditentukan dan yang lainnya disalin dari yang ditentukan, hasilnya akan menjadi kurva lingkaran: yaitu, busur lingkaran digunakan sebagai border.
Dua jari-jari yang sama akan menghasilkan lengkungan melingkar.
Tetapi ketika dua nilai ditentukan dan mereka tidak sama, hasilnya adalah kurva elips; Yaitu, busur elips digunakan sebagai perbatasan.
Dua jari-jari yang tidak sama akan menghasilkan lengkungan elips.
CSS Syntax
border-top-left-radius: length | % [length | %] | initial | inherit;
Javascript Syntax
object.style.borderTopLeftRadius="25px"
default
border-top-left-radius: 0;
border-top-left-radius: 20px;
border-top-left-radius: 50%;
border-top-left-radius: 20px 50%;