属性 border-top-left-radius CSS

Definisi dan penggunaan

Sifat border-top-left-radius mendefinikan bentuk pinggir kiri atas.

Petikan:Sifat ini memungkinkan anda menambahkan pinggir bulat ke elemen.

Lihat juga:

Panduan CSS3:Batasan CSS3

Contoh

Tambahkan pinggir bulat ke sudut kiri atas elemen div:

div
{
border:2px solid;
border-top-left-radius:2em;
}

Cuba sendiri

Syarat CSS

border-bottom-right-radius: length|% [length|%];

Keterangan:Nilai panjang dan persen border-top-left-radius sifat menentukan jari-jari (radii) sepupuk lingkaran (mengdefinikan bentuk sudut pinggir eksternal) (mengdefinikan bentuk sudut pinggir). Pertama adalah jari-jari horizontal, kedua adalah jari-jari vertikal. Jika nilai kedua diabaikan, nilai pertama akan disalin. Jika panjang nol, sudut pinggir akan berbentuk persegi bukannya bulat. Persen nilai jari-jari horizontal merujuk kepada lebar kotak pinggir, manakala persen nilai jari-jari vertikal merujuk kepada tinggi kotak pinggir.

Nilai sifat

Nilai Penerangan Pengujian
length Mengdefinikan bentuk sudut kiri bawah. Pengujian
% Mengdefinikan bentuk sudut kiri bawah dengan persen. Pengujian

Perincian teknikal

Nilai lalai: 0
Warisan: tidak
Versi: CSS3
Syarat Bahasa JavaScript: objek.style.borderTopLeftRadius="5px"

Pendukung pereka

nombor di dalam tabel menunjukkan versi pereka paling awal yang menyokong sifat ini.

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5