Bản mẫu:Border-radius/doc
Đây là một trang con tài liệu sử dụng bản mẫu dành cho Bản mẫu:Border-radius. Nó gồm có các thông tin hướng dẫn sử dụng, thể loại và các nội dung khác không thuộc về phần trang bản mẫu gốc. |
Bản mẫu:Used in system Bản mẫu:High-risk Bản mẫu này là một phím tắt để tạo ra các góc tròn. Nó tạo CSS cho các trình duyệt khác nhau. Các trình duyệt được hỗ trợ là các phiên bản hiện tại của Opera, Firefox, Safari, Chrome và Internet Explorer.
Sử dụng[sửa]
Chèn bản mẫu này trong thẻ kiểu của bất kỳ thành phần kiểu khối nào:
{{border-radius | radius1 [radius2 radius3 radius4]}}
- Nếu một giá trị được đặt, bán kính này áp dụng cho cả 4 góc.
- Nếu bốn giá trị được đặt, chúng sẽ áp dụng cho góc 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 theo thứ tự đó.
Không sử dụng hai hoặc ba giá trị, vì điều này dẫn đến kết xuất khác nhau giữa các trình duyệt khác nhau.
Ví dụ[sửa]
<div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{border-radius|16px 8px 16px 8px}}">Lorem ipsum...</div>
sẽ tạo ra:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tương thích[sửa]
- Xem border-radius trên Mozilla Developer Network để biết tất cả các chi tiết tương thích trình duyệt.
Xem thêm[sửa]
- {{box-shadow}}
- {{linear-gradient}}
- {{radial-gradient}}