Verificarea suportului pentru proprietățile CSS

În CSS există proprietăți destul de vechi, care sunt suportate în toate browserele, și există proprietăți noi, care vor fi suportate doar în cele mai noi browsere, și chiar și atunci, nu în toate.

Când realizați layout-ul, trebuie să luați o decizie despre dacă puteți deja să folosiți o anumită proprietate. Pentru aceasta există o regulă specială: dacă suportul pentru proprietate lipsește în browserele pe care le folosesc mai puțin de un procent dintre utilizatori, atunci proprietatea poate fi folosită.

Aici, totuși, există nuanțe. Există proprietăți, absența suportului pentru care va duce la destrămarea layout-ului site-ului, de exemplu, flexbox. Și există proprietăți, a căror funcționalitate nu este foarte critică. Să zicem, silabează hyphens care nu funcționează nu vor face site-ul mult mai rău.

Pentru a verifica suportul pentru o proprietate de către browsere, trebuie să folosiți serviciul caniuse.com. Acesta arată suportul pentru proprietate de fiecare versiune a tuturor browserelor, precum și procentul de utilizatori care folosesc fiecare dintre versiuni.

Având aceste date, puteți trage concluzia dacă puteți deja să folosiți o anumită proprietate. De asemenea, unele proprietăți pot fi încă sub prefixe vendor în unele versiuni de browsere, care sunt încă folosite de utilizatori. De asemenea, trebuie să acordați atenție acestui aspect.