Memeriksa Dukungan Properti CSS

Di CSS, ada properti yang cukup lama yang didukung di semua browser, dan ada properti baru yang hanya akan didukung di browser yang paling baru, dan itupun jauh dari semuanya.

Saat melakukan markup, Anda harus membuat keputusan tentang apakah properti ini sudah bisa digunakan. Untuk ini, ada aturan khusus: jika dukungan untuk suatu properti tidak ada di browser yang digunakan oleh kurang dari satu persen pengguna, maka properti tersebut dapat digunakan.

Namun, ada nuansa di sini. Karena ada properti, ketiadaan dukungannya yang akan menyebabkan tata letak situs rusak, misalnya, flexbox. Dan ada properti, yang fungsionalitasnya tidak terlalu kritis. Katakanlah, pemenggalan kata hyphens yang tidak berfungsi tidak akan membuat situs menjadi jauh lebih buruk.

Untuk memeriksa dukungan suatu properti oleh browser, Anda perlu menggunakan layanan caniuse.com. Layanan ini menunjukkan dukungan properti oleh setiap versi semua browser, serta persentase pengguna yang menggunakan setiap versinya.

Dengan data ini, Anda dapat membuat pertimbangan tentang apakah suatu properti sudah bisa digunakan. Juga, beberapa properti mungkin masih memerlukan prefiks vendor di beberapa versi browser yang masih digunakan oleh pengguna. Anda juga perlu memperhatikan hal ini.