Kontroll av CSS-egenskapsstöd

I CSS finns det ganska gamla egenskaper som stöds i alla webbläsare, och det finns nya egenskaper som bara kommer att stödjas i de allra nyaste webbläsarna, och långt ifrån i alla.

När du skapar webbplatser måste du fatta beslut om man redan kan använda en given egenskap. För detta finns en speciell regel: om stödet för en egenskap saknas i webbläsare som används av mindre än en procent av användarna, så kan egenskapen användas.

Det finns dock nyanser här. Det finns ju egenskaper vars brist på stöd kommer att leda till att webbplatsens layout fallerar, till exempel flexbox. Och det finns egenskaper vars funktionalitet inte är särskilt kritisk. Låt oss säga att icke-fungerande avstavning hyphens kommer inte att göra webbplatsen mycket sämre.

För att kontrollera stödet för en egenskap i webbläsare behöver du använda tjänsten caniuse.com. Den visar stödet för egenskapen i varje version av alla webbläsare, samt andelen användare som använder varje version.

Med dessa data kan du fatta ett omdöme om man redan kan använda en viss egenskap. Vissa egenskaper kan också fortfarande vara under vendor-prefix i vissa versioner av webbläsare som fortfarande används av användare. Du behöver också vara uppmärksam på detta.