Prefixe vendor în CSS

În trecut, printre browsere s-a dezvoltat următoarea situație: înainte ca o proprietate CSS să apară în specificație, browserele implementau o versiune experimentală a acestei proprietăți cu o prefix special, care se numește prefix vendor.

Să luăm ca exemplu proprietatea box-sizing să vedem cum arată:

p {
	box-sizing: border-box;
}

Această proprietate a început să fie suportată doar începând cu Firefox29, totuși începând cu versiunea Firefox2 era disponibilă cu prefixul -moz:

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

Celelalte browsere aveau prefixe similare: -moz - Mozilla Firefox, -webkit - browserele pe motorul Webkit și Blink, -o - Opera pe motorul Presto, -ms - IE.

Astfel, varianta cea mai cross-browser a proprietății box-sizing, cu utilizarea prefixelor vendor, avea aproximativ următoarea formă:

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

În prezent, browserele au decis să renunțe la prefixe din cauza incomodității lor. Și acum în locul lor se folosesc așa-numitele flag-uri. Proprietățile sunt acum implementate în browser, dar sunt dezactivate în mod implicit, totuși ele pot fi activate în setările browserului, bifând caseta corespunzătoare în setări. Acest lucru se face pentru ca dezvoltatorii să aibă posibilitatea să experimenteze cu noua proprietate până la apariția sa oficială.