Có phải "border-radius" được chấp nhận không?

Question

Tôi đang tạo trang web và muốn biết thuộc tính CSS "borderRadius" có được chấp nhận hay không. Giống như, mọi người nên có một trình duyệt hỗ trợ nó, hay nó vẫn quá không được hỗ trợ mà tôi không nên sử dụng nó?

Answer 1

Đây là thời điểm tốt để kiểm tra http://caniuse.com để biết thông tin cụ thể về trình duyệt nào hỗ trợ và trình duyệt nào không hỗ trợ. Ngoài ra, http://css3please.com sẽ cho bạn biết cách thích hợp để triển khai nó để được hỗ trợ rộng rãi nhất.

Từ trang web đầu tiên, chúng tôi thấy rằng hỗ trợ không phải là tất cả những điều xấu, mặc dù chúng tôi sẽ cần sử dụng một số tiền tố cho một số trình duyệt. Trang web thứ hai cung cấp cho chúng tôi triển khai sau:

.box_round { 
    -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ 
      border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, 
            iOS 4, Android 2.1+ */ 

    /* useful if you don't want a bg color from leaking outside the border: */ 
    -webkit-background-clip: padding-box; 
    -moz-background-clip: padding; 
      background-clip: padding-box;  
} 

Bất kỳ trình duyệt nào không hiểu nó sẽ chỉ bỏ qua và chuyển sang quy tắc tiếp theo. Với điều đó, hãy chắc chắn không sử dụng nó theo bất kỳ cách nào mà bố cục của bạn phụ thuộc vào nó cho khả năng sử dụng. Sử dụng nó như là một tăng cường tiến bộ và không phải là tính năng cần thiết.

Answer 2

Theo kinh nghiệm của tôi, các trình duyệt không nhận ra bán kính đường viền chỉ cần bỏ qua nó. Vì vậy, đó là lợi ích tốt nhất của bạn để được tư duy về phía trước và chỉ sử dụng nó. Các trình duyệt cũ hơn chỉ đơn giản là sẽ hiển thị các góc khối mặc định thay vì các góc được làm tròn.

Đừng để tính năng thiếu trong các trình duyệt cũ ngăn bạn cải thiện trải nghiệm người dùng của những người đã nâng cấp trình duyệt của họ.