CSSдаги вендор префикслари

Ўтмишда браузерлар ўртасида куйидаги вазят юзага келди: CSS хусусияти спецификацияда пайдо бўлишидан олдин, браузерлар ушбу хусусиятнинг синаш версиясини вендор префикси деб аталувчи махсус ёпишча билан амалга оширардилар.

Келгилок, box-sizing хусусияти мисолида бу кандай кўринишини кўрамиз:

p {
	box-sizing: border-box;
}

Бу хусусият факат Firefox29дан бошлаб қўллаб-қувватлана бошлади, аммо Firefox2 версиясидан бошлаб у -moz префикси билан мавжуд бўлган:

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

Бошқа браузерлар ҳам ўхшаш ёпишчаларга эга эди: -moz - Mozilla Firefox, -webkit - Webkit ва Blink движокларидаги браузерлар, -o - Presto движокидаги Opera, -ms - IE.

Шу сабабли, box-sizing хусусиятининг вендор префиксларидан фойдаланган энг кросбраузерлик варианти тахминан куйидаги кўринишга эга эди:

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

Ҳозирги пайтда браузерлар уларнинг қулайсизлиги сабабли префикслардан воз кечишга қарор қилдилар. Ва ҳозир улар ўрнига байроқчалар деб аталувчилар ишлатилади. Хусусиятлар энди браузерга киритилadi, лекин сустки холда ўчирилган бўлади, аммо уларни браузер созламаларида мос байроқчани белгилаб, йўқотish мумкин. Бу ишлаб чиқарувчилар расмий пайдо бўлишидан олдин янги хусусият билан ишлаш имкониятига эга бўлишлари учун қилинган.