Vendorprefix i CSS

I det förflutna uppstod följande situation mellan webbläsare: innan en CSS-egenskap dök upp i specifikationen implementerade webbläsare en försöksversion av denna egenskap med ett speciellt prefix, som kallas vendorprefix.

Låt oss ta egenskapen box-sizing som ett exempel för att se hur det ser ut:

cssp {
  box-sizing: border-box;
}

Denna egenskap började stödjas först från Firefox29, men redan från version Firefox2 var den tillgänglig med prefixet -moz:

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

Andra webbläsare hade liknande prefix: -moz - Mozilla Firefox, -webkit - webbläsare baserade på Webkit- och Blink-motorn, -o - Opera med Presto-motorn, -ms - IE.

Således hade den mest cross-browser-kompatibla versionen av egenskapen box-sizing, med användning av vendorprefix, ungefär följande 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;
}

Numera har webbläsare beslutat att avskaffa prefix på grund av deras obekvämlighet. Och nu använder de istället så kallade flaggor. Egenskaper implementeras nu i webbläsaren, men är inaktiverade som standard, men de kan aktiveras i webbläsarens inställningar genom att markera motsvarande kryssruta i inställningarna. Detta gjordes så att utvecklare skulle ha möjlighet att experimentera med den nya egenskapen före dess officiella tillkomst.