Controle van CSS-eigenschapondersteuning

In CSS zijn er redelijk oude eigenschappen die in alle browsers worden ondersteund, en er zijn nieuwe eigenschappen die alleen worden ondersteund in de nieuwste browsers, en zelfs lang niet in alle.

Bij het opmaken moet u een beslissing nemen over of het al mogelijk is om een bepaalde eigenschap te gebruiken. Hiervoor bestaat een speciale regel: als de ondersteuning van een eigenschap ontbreekt in browsers die door minder dan één procent van de gebruikers wordt gebruikt, dan kan de eigenschap worden gebruikt.

Er zijn hier echter nuances. Er zijn immers eigenschappen waarvan het ontbreken van ondersteuning leidt tot het ineenstorten van de lay-out van de site, bijvoorbeeld flexbox. En er zijn eigenschappen waarvan de functionaliteit niet erg kritiek is. Laten we zeggen, niet-werkende afbrekingen hyphens maken de site niet veel slechter.

Om de ondersteuning van een eigenschap door browsers te controleren, moet u de service caniuse.com gebruiken. Deze toont de ondersteuning van de eigenschap per versie van alle browsers, evenals het percentage gebruikers dat elke versie gebruikt.

Met deze gegevens kunt u een oordeel vellen over of het al mogelijk is om een bepaalde eigenschap te gebruiken. Ook kunnen sommige eigenschappen in sommige browserversies die nog door gebruikers worden gebruikt, nog steeds onder vendor-prefixes vallen. Ook hier moet u op letten.