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

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

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

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

Xem thêm:

Giáo trình CSS3:BORDER của CSS3

Mô hình

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

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

Thử ngay

Ngữ pháp CSS

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

Chú ý:Giá trị chiều dài và phần trăm của thuộc tính border-top-right-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 bên 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, thì sẽ sao chép giá trị đầu tiên. Nếu chiề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 chiếu đến độ rộng của khung viền, và giá trị phần trăm của bán kính dọc tham chiếu đến độ 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 trên phải. Kiểm tra
% Định nghĩa hình dạng góc trên phả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.borderTopRightRadius="5px"

Hỗ trợ trình duyệt

Số liệu trong bảng đã ghi chú phiên bản đầu tiên của trình duyệt 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