Kiểm tra hỗ trợ thuộc tính CSS

Trong CSS có những thuộc tính khá cũ, được hỗ trợ trên tất cả trình duyệt, và có những thuộc tính mới, chỉ được hỗ trợ trên những trình duyệt mới nhất, và thậm chí không phải tất cả.

Khi làm layout, bạn phải đưa ra quyết định về việc đã có thể sử dụng thuộc tính này hay chưa. Đối với điều này tồn tại một quy tắc đặc biệt: nếu sự hỗ trợ thuộc tính thiếu trên những trình duyệt được ít hơn một phần trăm người dùng sử dụng, thì có thể sử dụng thuộc tính.

Tuy nhiên, ở đây có những sắc thái. Bởi vì có những thuộc tính, việc thiếu hỗ trợ sẽ dẫn đến sự sụp đổ bố cục trang web, ví dụ như flexbox. Và có những thuộc tính, sự hoạt động của chúng không quá quan trọng. Ví dụ, tính năng gạch nối hyphens không hoạt động sẽ không làm trang web tệ đi nhiều.

Để kiểm tra sự hỗ trợ của thuộc tính bởi trình duyệt cần sử dụng dịch vụ caniuse.com. Nó hiển thị sự hỗ trợ của thuộc tính bởi mỗi phiên bản của tất cả trình duyệt, cũng như tỷ lệ phần trăm người dùng sử dụng mỗi phiên bản trong số đó.

Có những dữ liệu này, bạn có thể đưa ra đánh giá về việc đã có thể sử dụng một thuộc tính nào đó hay chưa. Ngoài ra, một số thuộc tính có thể đến nay vẫn cần tiền tố nhà cung cấp (vendor prefix) trong một số phiên bản trình duyệt mà người dùng vẫn còn sử dụng. Bạn cũng cần chú ý đến điều này.