Thuộc tính đường viềnTopLeftRadius
Ví dụ
Thêm đường viền tròn vào góc trên bên trái của phần tử div:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";
Hãy tự mình thử »Sự miêu tả
Thuộc tính borderTopLeftRadius đặt hoặc trả về hình dạng của đường viền ở 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 cho 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 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 thì góc đó là hình vuông chứ không phải hình tròn. Tỷ lệ phần trăm cho bán kính ngang đề cập đến chiều rộng của hộp viền, trong khi tỷ lệ phần trăm cho bán kính dọc đề cập đến chiều cao của hộp 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ả về: | Một Chuỗi, biểu thị 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 |
Trang liên quan
Tham chiếu CSS: thuộc tính bán kính đường viền trên cùng bên trái