Thuộc tính border-top-left-radius CSS

定义和用法

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

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

另请参阅：

CSS3 教程：Biên cảnh CSS3

实例

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

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

亲自试一试

CSS 语法

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

Chú ý:Giá trị độ dài và phần trăm của thuộc tính border-top-left-radius định nghĩa bán kính của một phần tư hình tròn (định nghĩa hình dạng góc cạnh của cạnh ngoài viền) của bán kính (radii). Giá trị đầu tiên là bán kính ngang, giá trị thứ hai là bán kính dọc. Nếu bỏ qua giá trị thứ hai, sẽ sao chép giá trị đầu tiên. Nếu độ dài bằng 0, góc cạnh sẽ là hình vuông thay vì hình tròn. Giá trị phần trăm của bán kính ngang tham khảo độ rộng của khung viền, và giá trị phần trăm của bán kính dọc tham khảo độ cao của khung viền.

Giá trị thuộc tính

Giá trị Mô tả Kiểm tra
length Định nghĩa hình dạng góc dưới bên trái. Kiểm tra
% Định nghĩa hình dạng góc dưới bên trái bằng phần trăm. Kiểm tra

Chi tiết kỹ thuật

Giá trị mặc định: 0
Di truyền: không
Phiên bản: CSS3
Ngữ pháp JavaScript: object.style.borderTopLeftRadius="5px"

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

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