Đường viền kiểu dáng
Thí dụ
Thêm đường viền tròn vào phần tử div:
document.getElementById("myDIV").style.borderRadius = "25px";
Định nghĩa và Cách sử dụng
Thuộc tính borderRadius là một thuộc tính viết tắt để thiết lập hoặc trả về bốn thuộc tính borderRadius.
Bốn thuộc tính bán kính đường viền là (theo thứ tự này):
borderTopLeftRadius
borderTopRightRadius
borderBottomRightRadius
borderBottomLeftRadius
Mẹo: Thuộc tính này cho phép bạn thêm các góc tròn vào các phần tử!
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
borderRadius | Yes | 9.0 | Yes | Yes | Yes |
Cú pháp
Trả lại thuộc tính borderRadius:
object.style.borderRadius
Đặt thuộc tính borderRadius:
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
Lưu ý: Bốn giá trị cho mỗi bán kính được cho theo thứ tự trên cùng bên trái, trên cùng bên phải, dưới cùng bên phải, dưới cùng bên trái. Nếu bỏ qua dưới cùng bên trái, nó sẽ giống như trên cùng bên phải. Nếu bỏ qua dưới cùng bên phải, nó sẽ giống như trên cùng bên trái. Nếu trên cùng bên phải bị bỏ qua, nó giống như trên cùng bên trái.
Giá trị tài sản
Value | Description |
---|---|
length | Defines the shape of the corners. Default value is 0 |
% | Defines the shape of the corners 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: | Một chuỗi, đại diện cho thuộc tính bán kính đường viền 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-radius