Thuộc tính border-bottom-right-radius CSS

Định nghĩa và cách sử dụng

Thuộc tính border-bottom-right-radius định nghĩa hình dạng góc phải dưới của viền.

Lưu ý:Thuộc tính này cho phép bạn thêm góc cạnh bo tròn vào phần tử.

Xem thêm:

Giáo trình CSS3:BORDER trong CSS3

Mô hình

Thêm góc cạnh bo tròn vào góc phải dưới của phần tử div:

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

Thử ngay

Cú pháp CSS

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

Chú ý:Giá trị độ dài và phần trăm của thuộc tính border-bottom-right-radius định nghĩa bán kính của 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 không, góc cạnh sẽ là hình vuông而不是 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 phải dưới. Kiểm tra
% Định nghĩa hình dạng góc phải dướ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
Cú pháp JavaScript: object.style.borderBottomRightRadius="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