Vendorpræfikser i CSS

I fortiden opstod følgende situation blandt browsere: Før en CSS-egendom blev en del af standarden, implementerede browsere en prøveversion af denne egendom med en speciel forstavelse, som kaldes et vendorpræfiks.

Lad os se på egenskaben box-sizing for at se, hvordan det ser ud:

cssp {
  box-sizing: border-box;
}

Denne egenskab begyndte kun at blive understøttet fra Firefox29, men allerede fra version Firefox2 var den tilgængelig med præfikset -moz:

cssp {
  -moz-box-sizing: border-box;
}

Andre browsere havde tilsvarende forstavelser: -moz - Mozilla Firefox, -webkit - browsere baseret på Webkit- og Blink-motoren, -o - Opera med Presto-motoren, -ms - IE.

Den mest cross-browser kompatible version af egenskaben box-sizing, med brug af vendorpræfikser, så derfor cirka sådan ud:

cssp {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

I dag har browsere valgt at fjerne præfikserne på grund af deres ulemper. I stedet bruger man nu såkaldte flags. Egenskaber implementeres nu i browseren, men er som standard deaktiveret. Man kan dog aktivere dem i browserindstillingerne ved at sætte en markering i indstillingerne. Dette er gjort, så udviklere kan eksperimentere med en ny egenskab før den officielt bliver tilgængelig.