Thuộc tính Style borderTopLeftRadius

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

borderTopLeftRadius Thuộc tính thiết lập hoặc trả về hình dạng góc của viền trên trái.

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

Xem thêm:

Sách tham khảo CSS:Thuộc tính border-top-left-radius

Mô hình

Thêm góc bo góc trên trái của phần tử div:

document.getElementById("myDIV").style.borderTopLeftRadius = "25px";

Thử ngay

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"

Chú ý:Giá trị độ dài và phần trăm của thuộc tính border-top-left-radius định nghĩa bán kinh của hình tròn lưỡng đường (định nghĩa hình dạng góc của viền ngoài của cạnh góc) của một phần tư ellipse. 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ẽ lấy giá trị đầu tiên. Nếu độ dài bằng 0, góc sẽ là hình vuông thay vì 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ả
length Định nghĩa hình dạng góc trên trái.
% Định nghĩa hình dạng góc dưới trá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-left-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ợ