Style borderTopLeftRadius thuộc tính
Thí dụ
Thêm đường viền tròn vào góc trên cùng bên trái của phần tử div:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";
Định nghĩa và Cách sử dụng
Thuộc tính borderTopLeftRadius đặt hoặc trả về hình dạng của đường viền của góc trên cùng bên trá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 | |||||
---|---|---|---|---|---|
borderTopLeftRadius | Yes | 9.0 | Yes | Yes | Yes |
Cú pháp
Trả về thuộc tính borderTopLeftRadius:
object.style.borderTopLeftRadius
Đặt thuộc tính borderTopLeftRadius:
object.style.borderTopLeftRadius = "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 trá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 đường viền 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-left corner |
% | Defines the shape of the top-left 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 trá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-left-radius
❮ Đối tượng phong cách