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:

p {
	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:

p {
	-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:

p {
	-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.