CSS tulajdonságok támogatásának ellenőrzése

A CSS-ben vannak elég régi tulajdonságok, amelyeket minden böngésző támogat, és vannak új tulajdonságok, amelyeket csak a legújabb böngészők fognak támogatni, és még mindig nem mindegyikben.

A weblap készítése során döntést kell hoznia arról, hogy használhatja-e már ezt a tulajdonságot. Ehhez létezik egy speciális szabály: ha a tulajdonság támogatása hiányzik azokban a böngészőkben, amelyeket kevesebb mint egy százalék a felhasználók használ, akkor a tulajdonság használható.

Itt azonban vannak árnyalatok. Vannak ugyanis olyan tulajdonságok, amelyek támogatásának hiánya a weboldal elrendezésének összeomlásához vezethet, például a flexboxok. És vannak olyan tulajdonságok, amelyek működőképessége nem annyira kritikus. Mondjuk, a nem működő kötőjelezés hyphens nem fogja a weboldalt jelentősen rosszabbá tenni.

Ahhoz, hogy ellenőrizni tudja egy tulajdonság böngészők általi támogatását, használja a caniuse.com szolgáltatást. Az megmutatja a tulajdonság támogatását minden egyes verziójú böngészőben, valamint azon felhasználók százalékos arányát, akik melyik verziót használják.

Ezekkel az adatokkal a kezében döntést hozhat arról, hogy használhat-e már valamilyen tulajdonságot. Ezenkívül egyes tulajdonságok a mai napig használhatnak vendor prefixeket egyes böngészőverziókban, amelyeket még használnak a felhasználók. Erre is figyelnie kell.