CSS dagi vender prefikslari
O'tmishda brauzerlar orasida quyidagi vaziyat yuzaga keldi: CSS xususiyati spetsifikatsiyada paydo bo'lishidan oldin, brauzerlar ushbu xususiyatning sinov versiyasini vender prefiksi deb ataladigan maxsus qo'shimcha bilan amalga oshirar edilar.
Keling, box-sizing xususiyati misolida buni qanday ko'rinishini ko'rib chiqaylik:
p {
box-sizing: border-box;
}
Ushbu xususiyat faqat Firefox29 dan boshlab qo'llab-quvvatlana boshlandi,
ammo Firefox2 versiyasidan boshlab u -moz prefiksi bilan mavjud edi:
p {
-moz-box-sizing: border-box;
}
Boshqa brauzerlar ham shunga o'xshash qo'shimchalarga ega edi:
-moz - Mozilla Firefox, -webkit
- Webkit va Blink dvigateliga asoslangan brauzerlar, -o
- Presto dvigateliga asoslangan Opera, -ms - IE.
Shunday qilib, box-sizing xususiyatining vender prefikslaridan foydalangan holda
eng cross-brauzer varianti taxminan
quyidagicha ko'rinishga ega edi:
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;
}
Hozirgi vaqtda brauzerlar ularning qulaysizligi sababli prefikslardan foydalanishni to'xtatishga qaror qilishdi. Va hozir ularning o'rniga flaglar deb ataladigan narsalardan foydalaniladi. Xususiyatlar endi brauzerga joriy qilinadi, lekin standart tarzda o'chirib qo'yilgan, ammo ularni brauzer sozlamalarida mos bayroqcha belgilab, yoqish mumkin. Buning maqsadi - ishlab chiquvchilarga xususiyat rasman paydo bo'lishidan oldin yangi xususiyat bilan tajriba o'tkazish imkoniyatini berish.