Thuộc tính bán kính đường viền kiểu
Ví dụ
Thêm đường viền tròn vào phần tử div:
document.getElementById("myDIV").style.borderRadius = "25px";
Hãy tự mình thử »Sự miêu tả
Thuộc tính borderRadius là 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):
biên giớiTopLeftBán kính
biên giớiTopRightRadius
biên giớiBottomRightRadius
biên giớiBottomLeftRadius
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ả về 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 đưa ra 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 phần dưới bên trái thì nó giống như phần trên bên phải. Nếu bỏ qua phần dưới bên phải thì nó giống như phần trên bên trái. Nếu bỏ qua phần trên bên phải thì nó giống như phần 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ả về: | Một Chuỗi, biểu thị thuộc tính bán kính đường viền 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