Vendor prefixek a CSS-ben

A múltban a böngészők között a következő helyzet alakult ki: mielőtt egy CSS tulajdonság megjelent volna a specifikációban, a böngészők egy próbaverziót implementáltak ebből a tulajdonságból egy speciális előtaggal, amelyet vendor prefixnek neveznek.

Nézzük meg a box-sizing tulajdonság példáján, hogyan is néz ez ki:

cssp {
  box-sizing: border-box;
}

Ezt a tulajdonságot csak a Firefox29-től kezdték támogatni, azonban már a Firefox2 verziótól elérhető volt a -moz prefixszel:

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

A többi böngészőnek hasonló előtagjai voltak: -moz - Mozilla Firefox, -webkit - A Webkit és Blink motoron futó böngészők, -o - A Presto motoron futó Opera, -ms - IE.

Így a box-sizing tulajdonság legkeresztböngészőbb változata, a vendor prefixek használatával, nagyjából a következő formában nézett ki:

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;
}

Jelenleg a böngészők úgy döntöttek, hogy lemondanak a prefixekről a kényelmetlenségük miatt. Mostantól úgynevezett flag-eket használnak helyettük. A tulajdonságok most már bekerülnek a böngészőbe, de alapértelmezetten ki vannak kapcsolva, azonban be lehet őket kapcsolni a böngésző beállításaiban, ha bejelöljük a megfelelő jelölőnégyzetet a beállításokban. Ezt azért tették, hogy a fejlesztők lehességedést kapjanak az új tulajdonsággal való kísérletezésre, mielőtt az hivatalosan is megjelenne.