Thuộc tính bán kính đường viền trên cùng bên phải CSS
Ví dụ
Thêm đường viền tròn vào góc trên bên phải của hai phần tử <div>:
#example1 {
border: 2px solid red;
border-top-right-radius: 25px;
}
#example2 {
border: 2px solid red;
border-top-right-radius: 50px
20px;
}
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và cách sử dụng
Thuộc tính border-top-right-radius
xác định bán kính của góc trên bên phả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ử!
Giá trị mặc định: | 0 |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | Đúng. Đọc về hoạt hình Hãy thử nó |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.borderTopRightRadius="25px" Hãy dùng thử |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Các số theo sau là -webkit- hoặc -moz- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Property | |||||
---|---|---|---|---|---|
border-top-right-radius | 5.0 4.0 -webkit- |
9.0 | 4.0 3.0 -moz- |
5.0 3.1 -webkit- |
10.5 |
Cú pháp CSS
border-top-right-radius: length | % [ length | % ]|initial|inherit;
Lưu ý: Nếu bạn đặt hai giá trị, giá trị đầu tiên dành cho đường viền trên và giá trị thứ hai dành cho đường viền bên phải. 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.
Giá trị tài sản
Value | Description | Demo |
---|---|---|
length | Defines the shape of the top-right corner. Read about length units | Demo ❯ |
% | Defines the shape of the top-right corner in % | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Thêm ví dụ
Ví dụ
Thêm đường viền tròn vào góc trên bên phải theo phần trăm:
#example1 {
border: 2px solid red;
background: url(paper.gif);
padding: 10px;
border-top-right-radius: 40%;
}
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: Góc tròn CSS
Tham chiếu DOM HTML: thuộc tính borderTopRightRadius