CSS တွင် Vendor Prefixes များ

အတိတ်က ဘရောက်ဆာများအကြား အောက်ပါအခြေအနေတစ်ရပ် ရှိခဲ့သည်- CSS property တစ်ခုသည် သတ်မှတ်ချက်စာရွက်စာတမ်းတွင် မပေါ်မီ အချိန်တွင်၊ ဘရောက်ဆာများသည် ထို property ၏ စမ်းသပ်ဗားရှင်းကို vendor prefix ဟုခေါ်သော အထူးရှေ့ဆက်စကားလုံးဖြင့် အကောင်အထည်ဖော်ခဲ့ကြသည်။

box-sizing property ကို ဥပမာအဖြစ် အသုံးပြု၍ ယင်းအရာကို မည်သို့ပုံပေါ်သည်ကို ကြည့်ရအောင်-

cssp {
  box-sizing: border-box;
}

ဤ property ကို Firefox 29 မှသာ စတင်ပံ့ပိုးပေးခဲ့သော်လည်း၊ Firefox 2 ဗားရှင်းကတည်းက -moz prefix ဖြင့် ရရှိနိုင်ခဲ့သည်-

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

အခြားဘရောက်ဆာများတွင်လည်း အလားတူရှေ့ဆက်စကားလုံးများ ရှိခဲ့သည်- -moz - Mozilla Firefox, -webkit - Webkit နှင့် Blink အင်ဂျင်များပေါ်ရှိ ဘရောက်ဆာများ၊ -o - Presto အင်ဂျင်ပေါ်ရှိ Opera, -ms - IE.

ထို့ကြောင့်၊ vendor prefixes များကို အသုံးပြုထားသော box-sizing property ၏ အပြန်အလှန် ဘရောက်ဆာအားလုံးနီးပါး ကိုက်ညီသည့် ဗားရှင်းသည် အောက်ပါအတိုင်း ဖြစ်သည်-

cssp {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

ယခုအခါတွင် ဘရောက်ဆာများသည် prefix များ၏ အဆင်မပြေမှုကြောင့် ၎င်းတို့ကို စွန့်လွှတ်ရန် ဆုံးဖြတ်ခဲ့ကြသည်။ ယခုအခါ ၎င်းတို့အစား သိထားသင့်သော flags များကို အသုံးပြုကြသည်။ Property များကို ယခုအခါ ဘရောက်ဆာထဲသို့ ထည့်သွင်းထားသော်လည်း မူလအားဖြင့် ပိတ်ထားပြီး၊ သို့သော် ဘရောက်ဆာ၏ ဆက်တင်များတွင် အညီအမျှ flag box ကို ခြစ်သွင်း၍ ဖွင့်နိုင်သည်။ ဤသို့ပြုလုပ်ရခြင်းမှာ ဒဲဗလော့ပါများအနေဖြင့် property အသစ်တစ်ခု တရားဝင်ပေါ်မလာမီ စမ်းသပ်အသုံးပြုနိုင်စေရန် ဖြစ်သည်။