Sprawdzanie wsparcia właściwości CSS

W CSS są dość stare właściwości, które są obsługiwane we wszystkich przeglądarkach, i są nowe właściwości, które będą obsługiwane tylko w najnowszych przeglądarkach, i to daleko nie we wszystkich.

Podczas tworzenia layoutu musisz podjąć decyzję, czy można już użyć danej właściwości. Istnieje dla tego specjalna zasada: jeśli wsparcie właściwości jest nieobecne w przeglądarkach, których używa mniej niż jeden procent użytkowników, to właściwość można używać.

Tutaj jednak są niuanse. W końcu są właściwości, brak wsparcia których doprowadzi do rozpadnięcia się layoutu strony, na przykład, flexboxy. A są właściwości, których działanie nie jest bardzo krytyczne. Powiedzmy, niedziałające przenoszenie hyphens nie sprawi, że strona będzie znacznie gorsza.

Aby sprawdzić wsparcie właściwości przez przeglądarki, należy użyć serwisu caniuse.com. On pokazuje wsparcie właściwości przez każdą wersję wszystkich przeglądarek, a także procent użytkowników, którzy używają każdej z wersji.

Mając te dane, możesz wyrobić sobie opinię o tym, czy można już użyć jakiejś właściwości. Również niektóre właściwości mogą do dziś być pod prefiksami vendorów w niektórych wersjach przeglądarek, których jeszcze używają użytkownicy. Musisz także zwracać na to uwagę.