Vendor prefiksi u CSS-u

U prošlosti se među pregledačima razvila sledeća situacija: pre nego što se CSS svojstvo pojavi u specifikaciji, pregledači su implementirali probnu verziju tog svojstva sa specijalnom prefiksom, koji se zove vendorski prefiks.

Hajde da na primeru svojstva box-sizing pogledamo kako to izgleda:

cssp {
  box-sizing: border-box;
}

Ovo svojstvo je počelo da se podržava tek od Firefox 29, međutim, već od verzije Firefox 2 ono je bilo dostupno sa prefiksom -moz:

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

Ostali pregledači su imali slične prefikse: -moz - Mozilla Firefox, -webkit - pregledači na Webkit i Blink motorima, -o - Opera na Presto motoru, -ms - IE.

Tako da je najviše cross-browser verzija svojstva box-sizing, uz korišćenje vendorskih prefiksa, izgledala približno ovako:

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

Trenutno, pregledači su odlučili da odustanu od prefiksa zbog njihove nepraktičnosti. I sada umesto njih koriste tzv. flage (flagove). Svojstva se sada uvode u pregledač, ali su podrazumevano onemogućena, međutim, mogu se uključiti u podešavanjima pregledača, označavanjem odgovarajućeg polja u podešavanjima. Ovo je urađeno tako da programeri imaju mogućnost da isprobaju novo svojstvo pre njegovog zvaničnog pojavljivanja.