Vendorprefikser i CSS

I fortiden var situasjonen blant nettlesere som følger: før en CSS-egenskap dukker opp i spesifikasjonen, implementerte nettlesere en prøveversjon av denne egenskapen med et spesielt prefiks, som kalles vendorprefiks.

La oss se på hvordan dette ser ut ved å bruke eksempelet med egenskapen box-sizing:

cssp {
  box-sizing: border-box;
}

Denne egenskapen ble bare støttet fra Firefox29, men allerede fra versjon Firefox2 var den tilgjengelig med prefikset -moz:

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

Andre nettlesere hadde lignende prefikser: -moz - Mozilla Firefox, -webkit - nettlesere på Webkit- og Blink-motoren, -o - Opera på Presto-motoren, -ms - IE.

Derfor hadde den mest tverrnettleser-kompatible versjonen av egenskapen box-sizing, med bruk av vendorprefikser, omtrent følgende utseende:

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 nettlesere bestemt seg for å fjerne prefikser på grunn av deres ulemper. Og nå bruker de såkalte flagg i stedet. Egenskaper implementeres nå i nettleseren, men er som standard deaktivert, men de kan aktiveres i nettleserinnstillingene ved å huke av for det tilsvarende flagget i innstillingene. Dette er gjort for at utviklere skal ha muligheten til å eksperimentere med den nye egenskapen før den offisielt lanseres.