Thuộc tính style borderTopRightRadius
Thí dụ
Thêm đường viền tròn vào góc trên cùng bên phải của phần tử div:
document.getElementById("myDIV").style.borderTopRightRadius = "25px";
Định nghĩa và Cách sử dụng
Thuộc tính borderTopRightRadius xác định hình dạng của đường viền của góc trên cùng bên phải.
Mẹo: Thuộc tính này cho phép bạn thêm đường viền tròn vào các phần tử!
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
borderTopRightRadius | Yes | 9.0 | Yes | Yes | Yes |
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"
Lưu ý: Hai giá trị độ dài hoặc phần trăm của thuộc tính bán kính đường viền trên cùng bên phải xác định bán kính của một phần tư hình elip xác định hình dạng của góc của cạnh ngoài. Giá trị đầu tiên là bán kính ngang, giá trị thứ hai là bán kính dọc. Nếu giá trị thứ hai bị bỏ qua, nó sẽ được sao chép từ giá trị đầu tiên. Nếu một trong hai chiều dài bằng 0, góc là hình vuông, không được làm tròn. Phần trăm cho bán kính ngang đề cập đến chiều rộng của hộp đường viền, trong khi phần trăm cho bán kính dọc là chiều cao của hộp đường viền.
Giá trị tài sản
Value | Description |
---|---|
length | Defines the shape of the top-right corner |
% | Defines the shape of the top-right corner in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | 0 |
---|---|
Giá trị trả lại: | Chuỗi, đại diện cho thuộc tính bán kính đường viền trên cùng bên phải của một phần tử |
Phiên bản CSS | CSS3 |
Các trang liên quan
Tham chiếu CSS: thuộc tính border-top-right-radius
❮ Đối tượng phong cách