Thuộc tính border-bottom-left-radius của CSS

定义和用法

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

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

另请参阅：

CSS3 教程：BORDER của CSS3

实例

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

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

亲自试一试

CSS 语法

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

Chú ý:Giá trị độ dài và phần trăm của thuộc tính border-bottom-left-radius định nghĩa bán kính của một phần tư ellipse (định nghĩa hình dạng góc cạnh của cạnh ngoài viền) của bốn góc (defining the corner shape of the outer edge of the border). 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, thì giá trị đầu tiên sẽ được sao chép. Nếu độ dài bằng không, 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, còn 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 trái. Kiểm tra
% Định nghĩa hình dạng góc dưới trái bằng phần trăm. Kiểm tra

Chi tiết kỹ thuật

Giá trị mặc định: 0
Kế thừa: no
Phiên bản: CSS3
Ngữ pháp JavaScript: object.style.borderBottomLeftRadius="5px"

Hỗ trợ trình duyệt

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

Số liệu với tiền tố -webkit- hoặc -moz- đại diện cho phiên bản đầu tiên sử dụng tiền tố.

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