Atribut border-top-left-radius CSS

定义和用法

border-top-left-radius 属性定义左上角边框的形状。

提示：该属性允许您向元素添加圆角边框。

另请参阅：

CSS3 教程：Batasan CSS3

实例

向 div 元素的左上角添加圆角边框：

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

亲自试一试

CSS 语法

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

Keterangan:Nilai panjang dan persen border-top-left-radius atribut menentukan jari-jari setengah lingkaran (mengdefinikan bentuk pojok lingkaran luar) untuk setengah lingkaran (mengdefinikan bentuk pojok ekor bingkai). Nilai pertama adalah jari-jari horizontal, nilai kedua adalah jari-jari vertikal. Jika nilai kedua diabaikan, nilai pertama akan disalin. Jika panjang nol, pojok akan berbentuk persegi, bukan lingkaran. Persen nilai jari-jari referensi lebar kotak bingkai, sedangkan persen nilai jari-jari referensi tinggi kotak bingkai.

Nilai atribut

Nilai Deskripsi Pengujian
length Definisi bentuk pojok kiri bawah. Pengujian
% Definisi bentuk pojok kiri bawah dengan persen. Pengujian

Detil teknis

Nilai standar: 0
Inheritsi: no
Versi: CSS3
Sintaks JavaScript: object.style.borderTopLeftRadius="5px"

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.

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