Kontrola podpory vlastností CSS

V CSS existujú dostatočne staré vlastnosti, ktoré sú podporované vo všetkých prehliadačoch, a existujú nové vlastnosti, ktoré budú podporované len v tých najnovších prehliadačoch, a to zďaleka nie vo všetkých.

Pri tvorbe layoutu musíte rozhodnúť o tom, či je už možné danú vlastnosť použiť. Na to existuje špeciálne pravidlo: ak podpora vlastnosti chýba v prehliadačoch, ktoré používajú menej ako jedno percento používateľov, vlastnosť je možné použiť.

Tu však existujú nuansy. Sú totiž vlastnosti, ktorých nepodpora povedie k rozpadnutiu layoutu stránky, napríklad flexboxy. A potom sú vlastnosti, ktorých funkčnosť nie je príliš kritická. Povedzme, nefungujúce delenie slov hyphens neurobí stránku oveľa horšou.

Na kontrolu podpory vlastnosti prehliadačmi je potrebné použiť službu caniuse.com. Tá zobrazuje podporu vlastnosti každou verziou všetkých prehliadačov, ako aj percento používateľov, ktorí používajú každú z verzií.

S týmito údajmi môžete urobiť úsudok o tom, či je už možné použiť nejakú vlastnosť. Tiež niektoré vlastnosti môžu byť dodnes pod vendor prefixmi v niektorých verziách prehliadačov, ktoré ešte používajú používatelia. Taktiež na to musíte dávať pozor.