Kontrola podpory vlastností CSS

V CSS existují dostatečně staré vlastnosti, které jsou podporovány ve všech prohlížečích, a existují nové vlastnosti, které budou podporovány pouze v těch nejnovějších prohlížečích, a to zdaleka ne ve všech.

Při tvorbě layoutu musíte rozhodnout, zda již lze danou vlastnost použít. Pro to existuje speciální pravidlo: pokud podpora vlastnosti chybí v prohlížečích, které používá méně než jedno procento uživatelů, pak lze vlastnost použít.

Zde však existují nuance. Jsou totiž vlastnosti, jejichž absence podpory povede k rozpadnutí layoutu webu, například flexboxy. A jsou vlastnosti, jejichž funkčnost není příliš kritická. Řekněme, nefungující dělení slov hyphens neučiní web výrazně horším.

Pro kontrolu podpory vlastnosti prohlížeči je třeba použít službu caniuse.com. Ta zobrazuje podporu vlastnosti každou verzí všech prohlížečů, stejně jako procento uživatelů, kteří používají každou z verzí.

S těmito údaji můžete učinit úsudek o tom, zda již lze nějakou vlastnost použít. Také některé vlastnosti mohou až dosud být pod vendor prefixy v některých verzích prohlížečů, které ještě uživatelé používají. Také na to musíte dávat pozor.