CSS-এ ভেন্ডর প্রিফিক্স
অতীতে ব্রাউজারগুলির মধ্যে নিম্নলিখিত পরিস্থিতি উদ্ভূত হয়েছিল: CSS বৈশিষ্ট্যটি স্পেসিফিকেশনে উপস্থিত হওয়ার আগে, ব্রাউজারগুলি একটি বিশেষ উপসর্গ সহ এই বৈশিষ্ট্যটির একটি পরীক্ষামূলক সংস্করণ বাস্তবায়ন করত, যাকে ভেন্ডর প্রিফিক্স বলা হয়।
আসুন box-sizing বৈশিষ্ট্যের উদাহরণ ব্যবহার করে দেখি এটি কেমন দেখাচ্ছে:
p {
box-sizing: border-box;
}
এই বৈশিষ্ট্যটি শুধুমাত্র Firefox29 থেকে সমর্থিত হতে শুরু করে,
তবে Firefox2 সংস্করণ থেকে এটি -moz প্রিফিক্স সহ ইতিমধ্যেই উপলব্ধ ছিল:
p {
-moz-box-sizing: border-box;
}
অন্যান্য ব্রাউজারের অনুরূপ উপসর্গ ছিল:
-moz - Mozilla Firefox, -webkit
- Webkit এবং Blink ইঞ্জিন based ব্রাউজার, -o
- Presto ইঞ্জিন based 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;
}
বর্তমানে, তাদের অসুবিধার কারণে ব্রাউজারগুলি প্রিফিক্স পরিত্যাগ করার সিদ্ধান্ত নিয়েছে। এবং এখন সেগুলির পরিবর্তে তারা তথাকথিত ফ্ল্যাগ ব্যবহার করে। বৈশিষ্ট্যগুলি এখন ব্রাউজারে প্রয়োগ করা হয়, কিন্তু ডিফল্টরূপে নিষ্ক্রিয় থাকে, তবে সেটিংসে সংশ্লিষ্ট ফ্ল্যাগ চেক করে সেগুলি সক্ষম করা যেতে পারে। এটি করা হয়েছে যাতে ডেভেলপারদের এর অফিসিয়াল উপস্থিতির আগে নতুন বৈশিষ্ট্য নিয়ে পরীক্ষা করার সুযোগ থাকে।