Thuộc tính Style borderTopRightRadius
- Trang trước borderTopLeftRadius
- Trang tiếp theo borderTopStyle
- Quay lại lớp trên Đối tượng Style của HTML DOM
Định nghĩa và cách sử dụng
borderTopRightRadius
Thuộc tính này định nghĩa hình dạng góc trên 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 cho phần tử!
Xem thêm:
Tài liệu tham khảo CSS:Thuộc tính border-top-right-radius
Mô hình
Thêm góc cạnh tròn ở góc trên phải của phần tử div:
document.getElementById("myDIV").style.borderTopRightRadius = "25px";
Cú pháp
Trả về thuộc tính borderTopRightRadius:
object.style.borderTopRightRadius
Đặt thuộc tính borderTopRightRadius:
object.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"
Chú ý:Giá trị độ 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 viền ngoài) của hình tròn. 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而不是 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ả |
---|---|
length | Định nghĩa hình dạng góc trên phải. |
% | Định nghĩa hình dạng góc trên phải bằng phần trăm. |
initial | Đặt thuộc tính này về giá trị mặc định. Xem thêm initial。 |
inherit | Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit。 |
Chi tiết kỹ thuật
Giá trị mặc định: | 0 |
---|---|
Giá trị trả về: | Chuỗi biểu thị Thuộc tính border-top-right-radius。 |
Phiên bản CSS: | CSS3 |
Trình duyệt hỗ trợ
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Hỗ trợ | 9.0 | Hỗ trợ | Hỗ trợ | Hỗ trợ |
- Trang trước borderTopLeftRadius
- Trang tiếp theo borderTopStyle
- Quay lại lớp trên Đối tượng Style của HTML DOM