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.
Geef voorbeelden van eigenschappen waarvan de ondersteuning kritiek is.
Geef voorbeelden van eigenschappen waarvan de ondersteuning niet kritiek is.
Controleer de ondersteuning van de eigenschap box-sizing.
Kan deze al worden gebruikt?
Controleer de ondersteuning van de eigenschap hyphens.
Kan deze al worden gebruikt?
Controleer de ondersteuning van de eigenschap animation.
Kan deze al worden gebruikt?
Controleer de ondersteuning van de eigenschap flex.
Kan deze al worden gebruikt?
Controleer de ondersteuning van de eigenschap grid.
Kan deze al worden gebruikt?